![CSS3网页设计从入门到精通(微课精编版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/800/26846800/b_26846800.jpg)
上QQ阅读APP看书,第一时间看更新
2.1 CSS3选择器概述
根据选择器结构的不同,可以把CSS选择器分为五大类。
元素选择器,如表2.1所示。
表2.1 元素选择器列表
![](https://epubservercos.yuewen.com/F92AA6/15289822105524506/epubprivate/OEBPS/Images/Figure-T35_86027.jpg?sign=1739361173-ytk8La2iWjnIei4lievLF4gt7xkmvXbM-0-2fbb4d883a51580349f86f115632d8ef)
关系选择器,如表2.2所示。
表2.2 关系选择器列表
![](https://epubservercos.yuewen.com/F92AA6/15289822105524506/epubprivate/OEBPS/Images/Figure-T35_86029.jpg?sign=1739361173-UHSsntvJNEXikU5uEXg7FZOhj0MjYHnV-0-1b99705fbbd34b8a34be4da60e270da0)
属性选择器,如表2.3所示。
表2.3 属性选择器列表
![](https://epubservercos.yuewen.com/F92AA6/15289822105524506/epubprivate/OEBPS/Images/Figure-T35_86031.jpg?sign=1739361173-Td6Ek7nmGBCBj1rhIMq5l0eIAxxLMT02-0-2d674599b674979798f8fefc465fc727)
伪选择器,包括伪类选择器(如表2.4所示)和伪对象选择器(如表2.5所示)。根据执行任务不同,伪类选择器又分为动态伪类、目标伪类、语言伪类、状态伪类、结构伪类和否定伪类6种。
表2.4 伪类选择器列表
![](https://epubservercos.yuewen.com/F92AA6/15289822105524506/epubprivate/OEBPS/Images/Figure-T36_86033.jpg?sign=1739361173-EAHKGUz9gHUX2B9NiwuqFRxQEnb2i2gD-0-9d00e1fdad048ecfbc94d4354ac7b1fb)
表2.5 伪对象选择器列表
![](https://epubservercos.yuewen.com/F92AA6/15289822105524506/epubprivate/OEBPS/Images/Figure-T36_86035.jpg?sign=1739361173-uu5xx4Ch7RNqeoSWEAzoStG4WvzYGDtM-0-5a0dee2abebf5a7e9947395d41c5720e)
选择器模块权威参考:http://www.w3.org/TR/css3-selectors/。
提示:CSS支持并列使用多个属性选择器,以匹配同时满足多个选择器,如blockquote[class= quote][cite] {color:#f00;}。
注意:CSS3将伪对象选择符前面的单个冒号(:)修改为双冒号(::),用以区别伪类选择符,但以前的写法仍然有效。