我的位置: 首页  >   揭秘CSS  >   2.2.3 id选择器

2.2.3 id选择器

编辑:比特教程网    时间:2018-10-11 14:49    


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。



上一节:2.2.2 类选择器

下一节:2.2.4 群组选择器