id选择器可以为标有特定id的html元素指定特定的样式。在某些方面,ID选择器类似于类选择器,不过也有一些重要差别,就是说与类选择器一样,ID选择器中可以忽略通配选择器。
(一)id选择器
id选择器以”#”来定义。
以下为两个id选择器,其一定义元素颜色为红色,其二定义元素的颜色为绿色:
以下html代码,id属性p元素为red的为红色,但是,id属性为green的p元素就显示为绿色。
注意:id属性仅仅可以在每一个HTML文档中出现一次。
(二)id选择器和派生选择器
现代布局当中,id选择器经常被用于建立派生选择器。
以上样式仅仅应于id是sidebar的元素内的段落。该元素很大可能性是div亦或是表格单元,或者是表格或者其他块级元素,还有可能是内联元素,例如:<em></em>、<span></span>。但是,这种用法不合理,原因是不能在内联元素<span>当中嵌入<p>。
(三)一个选择器,多种用法
就算只能在文档中出现一次被标注为sidebar的元素,该id选择器作为派生选择器能被使用多次:
跟页面中的其他p元素不一样的是,“sidebar”的p元素经过特殊的处理。然后,sidebar中的h2元素与页面中其他明显不一样的是,它也得到特殊处理。
(四)单独的选择器
就算id选择器没有被用来创建派生选择器,也是能单独发挥作用的:
据此,id为sidebar的元素就会有一个像素宽的黑色点状边框,其周围也会有10个像素宽的内边距。老版本的Windows/IE浏览器中,要特别地定义该选择器所属的元素,否则有可能可能会忽略该规则:
总结:有时,ID选择器与类选择器相类似,不过也有所差别,相同点在于与类选择器一样,ID选择器中可以忽略通配选择器。我们网站将会给大家介绍更多关于Web开发的内容,要是感兴趣的话可以关注我们网站:课课家教育。