![HTML5+CSS3+JavaScript 从入门到项目实践(超值版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/418/31794418/b_31794418.jpg)
上QQ阅读APP看书,第一时间看更新
4.6 属性选择器
![](https://epubservercos.yuewen.com/A0FA69/17214367505511306/epubprivate/OEBPS/Images/Figure-P79_18101.jpg?sign=1739035543-WuUxcL74GUXQW4qeijXBkdlqfsz9L64A-0-f55fd64d678046539f5f1b2f0c610cf2)
属性选择器可以为拥有指定属性的HTML元素设置样式。
属性选择器早在CSS 2中就被引入了,其主要作用就是对带有指定属性的HTML元素设置样式。使用CSS 3属性选择器,用户可以只指定元素的某个属性,或者用户还可以同时指定元素的某个属性和其对应的属性值。
属性选择器的种类如表4-3所示。
表4-3 属性选择器的种类
![](https://epubservercos.yuewen.com/A0FA69/17214367505511306/epubprivate/OEBPS/Images/Figure-T79_119837.jpg?sign=1739035543-zVfPzGwttdkMKPT8cSYQCED3hxz3Y9iI-0-9690e63b1e091e40039b22b740b48236)
【例4-19】(实例文件:ch04\Chap4.19.html)属性选择器应用。
![](https://epubservercos.yuewen.com/A0FA69/17214367505511306/epubprivate/OEBPS/Images/Figure-P80_119764.jpg?sign=1739035543-OQSZQ9PCnbCJjJaeH4vj2DdX6tUjKB5a-0-7aae36dd77dd9e6eef89198822553fff)
相关的代码实例请参考Chap4.19.html文件,在IE浏览器中运行的结果如图4-25所示。
![](https://epubservercos.yuewen.com/A0FA69/17214367505511306/epubprivate/OEBPS/Images/Figure-P80_18234.jpg?sign=1739035543-kY0XavvGug1ql7ci3Gj0fEcpELYihMCJ-0-93261f5376b2f3a0da50b1bce814bcc3)
图4-25 属性选择器应用