CSS选择器分类整理

读完《CSS权威指南》,对选择器有如下整理:

selector 本质上是执行元素样式匹配规则,我们可以利用它来限定某些元素
选择器类型:

1.通配选择器 * 匹配任意
2.元素选择器 p
3.类选择器 .class
4.ID选择器 #id
5.属性选择器 element[rep] (不常用)

1.伪类(一些在某种行为会被自动定义的类,有点类似游览器会自动帮我管理这些内置类)


1.link
2.visited
3.focus
4.hover
5.active

1.first-child
2.last-child
3.nth-chlid(an+b)
4.not()

1.empty

2.伪元素(向文档中插入的假想元素)


before
after

选择器规则:


1.分组 逗号分隔(相同属性聚集)
2.交集


1.后代选择器 空格
2.子代选择器 >
3.兄弟选择器 +

posted @ 2018-12-29 13:29  兴趣使然的Geek  阅读(483)  评论(0)    收藏  举报