揭秘CSS(第 1 版)
2.2.3 id选择器
阅读(

概述

CSS选择器

概述

基本选择器

类选择器

元素选择器

id选择器

id选择器用于为带有特定 id 的 HTML 元素指定样式。id选择器,是选择器前面加一个井号(#)定义的选择器。

id 选择器可以应用于任何HTML元素,浏览器会在文档中寻找具有指定 id 的元素,为该元素应用样式。id 由用户自定义。如:

#intro { font-weight: bold; }
<p id="intro">本段落的文本将显示为粗体。</p>

这个p元素应用了id = "intro"的id选择器的样式,段落文本将显示为粗体。

与类选择器不同的是,id 是唯一性元素,一个 id 在文档中被使用一次,一个页面上,不允许两个元素具有相同的 id。一个HTML元素,也只允许使用一个 id,不允许以空格分隔的 id 列表。

由于 class 和 id 是不同的属性,所以,一个元素可以同时拥有 class属性 和 id属性。这时,class属性定义的样式和 id属性定义的样式,将同时对该元素起作用。但是,当 class属性定义的样式和 id属性定义的样式发生冲突时,将使用 id属性所定义的样式,因为 id 选择器的优先级高于 class 选择器的优先级。

说明:

CSS规范规定,类和id的标识符只能包含英文字母[a- zA-Z] 、数字[0-9]、下划线(_)、连字符(-),且只能以字母开头。并且,类和id的标识符是区分大小写的。测试表明,仅IE能够识别数字开头的标识符。因此,就不要定义以数字开头的类名和id。

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我写出更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验