html中选择器id,CSSID选择器详解
CSS ID 选择器详解
ID 选择器允许以⼀种独⽴于⽂档元素的⽅式来指定样式。
CSS ID 选择器
在某些⽅⾯，ID 选择器类似于类选择器，不过也有⼀些重要差别。
语法
⾸先，ID 选择器前⾯有⼀个 # 号 - 也称为棋盘号或井号。
请看下⾯的规则：*#intro {font-weight:bold;}
与类选择器⼀样，ID 选择器中可以忽略通配选择器。前⾯的例⼦也可以写作：#intro {font-weight:bold;}
这个选择器的效果将是⼀样的。
第⼆个区别是 ID 选择器不引⽤ class 属性的值，毫⽆疑问，它要引⽤ id 属性中的值。
cssclass属性
以下是⼀个实际 ID 选择器的例⼦：
This is a paragraph of introduction.
类选择器还是 ID 选择器？
在类选择器这⼀章中我们曾讲解过，可以为任意多个元素指定类。前⼀章中类名 important 被应⽤到 p 和 h1 元素，⽽且它还可以应⽤到更多元素。
区别 1：只能在⽂档中使⽤⼀次
与类不同，在⼀个 HTML ⽂档中，ID 选择器会使⽤⼀次，⽽且仅⼀次。
区别 2：不能使⽤ ID 词列表
不同于类选择器，ID 选择器不能结合使⽤，因为 ID 属性不允许有以空格分隔的词列表。
区别 3：ID 能包含更多含义
类似于类，可以独⽴于元素来选择 ID。有些情况下，您知道⽂档中会出现某个特定 ID 值，但是并不知道它会出现在哪个元素上，所以您想声明独⽴的 ID 选择器。例如，您可能知道在⼀个给定的⽂档中
会有⼀个 ID 值为 mostImportant 的元素。您不知道这个最重要的东西是⼀个段落、⼀个短语、⼀个列表项还是⼀个⼩节标题。您只知道每个⽂档都会有这么⼀个最重要的内容，它可能在任何元素中，⽽且只能出现⼀个。在这种情况下，可以编写如下规则：#mostImportant {color:red; background:yellow;}
这个规则会与以下各个元素匹配(这些元素不能在同⼀个⽂档中同时出现，因为它们都有相同的 ID 值)：
This is important!
This is important!
This is important!
区分⼤⼩写
请注意，类选择器和 ID  选择器可能是区分⼤⼩写的。这取决于⽂档的语⾔。HTML 和 XHTML 将类和 ID 值定义为区分⼤⼩写，所以类和ID 值的⼤⼩写必须与⽂档中的相应值匹配。
因此，对于以下的 CSS 和 HTML，元素不会变成粗体：#intro {font-weight:bold;}
This is a paragraph of introduction.
由于字母 i 的⼤⼩写不同，所以选择器不会匹配上⾯的元素。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。