![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=1739382617-qoaZo72kE101bMzPALoEsJ5xVUbDXHnR-0-65526f3cf6cc50504ce87a9ae4bb12b9)
属性选择器可以为拥有指定属性的HTML元素设置样式。
属性选择器早在CSS 2中就被引入了,其主要作用就是对带有指定属性的HTML元素设置样式。使用CSS 3属性选择器,用户可以只指定元素的某个属性,或者用户还可以同时指定元素的某个属性和其对应的属性值。
属性选择器的种类如表4-3所示。
表4-3 属性选择器的种类
![](https://epubservercos.yuewen.com/A0FA69/17214367505511306/epubprivate/OEBPS/Images/Figure-T79_119837.jpg?sign=1739382617-wWQnQeIgw4HEf2wdUQiHAcMsaJkVUQQy-0-6a85aad9c045a51aaef48f09264b95ae)
【例4-19】(实例文件:ch04\Chap4.19.html)属性选择器应用。
![](https://epubservercos.yuewen.com/A0FA69/17214367505511306/epubprivate/OEBPS/Images/Figure-P80_119764.jpg?sign=1739382617-fhnV1Yo2TxiNzxLEmPJx6HZXyqQjtyRP-0-1af7e7e4aeb3f7f524a65dcb0c439374)
相关的代码实例请参考Chap4.19.html文件,在IE浏览器中运行的结果如图4-25所示。
![](https://epubservercos.yuewen.com/A0FA69/17214367505511306/epubprivate/OEBPS/Images/Figure-P80_18234.jpg?sign=1739382617-0bG6aWoUI9zbltR7i8mFCnl855hL5MGP-0-4667ed12e3310a4e8879486a48bea242)
图4-25 属性选择器应用