ID选择器

作者:课课家教育更新于： 2016-10-08 09:13:43

　　id选择器可以为标有特定id的html元素指定特定的样式。在某些方面，ID选择器类似于类选择器，不过也有一些重要差别，就是说与类选择器一样，ID选择器中可以忽略通配选择器。

　　（一）id选择器

　　id选择器以"#"来定义。

　　以下为两个id选择器，其一定义元素颜色为红色，其二定义元素的颜色为绿色：

　　以下html代码，id属性p元素为red的为红色，但是，id属性为green的p元素就显示为绿色。

　　注意：id属性仅仅可以在每一个HTML文档中出现一次。

　　（二）id选择器和派生选择器

　　现代布局当中，id选择器经常被用于建立派生选择器。

　　以上样式仅仅应于id是sidebar的元素内的段落。该元素很大可能性是div亦或是表格单元，或者是表格或者其他块级元素，还有可能是内联元素，例如：、。但是，这种用法不合理，原因是不能在内联元素当中嵌入

。

　　（三）一个选择器，多种用法

　　就算只能在文档中出现一次被标注为sidebar的元素，该id选择器作为派生选择器能被使用多次：

　　跟页面中的其他p元素不一样的是，“sidebar”的p元素经过特殊的处理。然后，sidebar中的h2元素与页面中其他明显不一样的是，它也得到特殊处理。

　　（四）单独的选择器

　　就算id选择器没有被用来创建派生选择器，也是能单独发挥作用的：

　　据此，id为sidebar的元素就会有一个像素宽的黑色点状边框，其周围也会有10个像素宽的内边距。老版本的Windows/IE浏览器中，要特别地定义该选择器所属的元素，否则有可能可能会忽略该规则：

　　总结：有时，ID选择器与类选择器相类似，不过也有所差别，相同点在于与类选择器一样，ID选择器中可以忽略通配选择器。我们网站将会给大家介绍更多关于Web开发的内容，要是感兴趣的话可以关注我们网站：课课家教育。