读完《CSS权威指南》,对选择器有如下整理:
selector
选择器类型:
<!-- 实体,即HTML中存在 -->
1.通配选择器 * 匹配任意
2.类选择器 .class
3.ID选择器 #id
4.属性选择器 element[rep] (不常用) 4.属性选择器 element[rep] (不常用)
<!-- 虚体,即HTML本身不存在 -->
1.伪类(一些在某种行为会被自动定义的类,有点类似游览器会自动帮我管理这些内置类)
<!-- 表现 -->
1.link
2.visited
3.focus
4.hover
5.active
<!-- 结构 -->
1.first-child(元素中的第一个子元素)
2.伪元素(向文档中插入的假想元素)
<!-- 表现 -->
before
after
选择器规则:
<!-- 选择器组合 -->
1.分组 逗号分隔(相同属性聚集)
2.交集
<!-- 文档结构 -->
1.后代选择器 空格
2.子代选择器 >
3.兄弟选择器 +