基础选择器
1、标签选择器:选择器的名字代表html页面上的标签
(1)所有的标签,都可以是选择器。比如ul、li、label、dt、dl、input、div等。
(2)无论这个标签藏的多深,一定能够被选择上。
(3)选择的所有,而不是一个。
2、ID选择器:规定用#
来定义(名字自定义)
3、类选择器:规定用圆点.
来定义
4、通配符*
:匹配任何标签
高级选择器
1、后代选择器: 定义的时候用空格隔开
2、交集选择器:同时满足所有选择器,一般都是以标签名开头
3、并集选择器:定义的时候用逗号隔开,只要有一个就可以
4、伪类选择器
优先级策略
- 第一等:代表内联样式,如: style="xxx",权值为1000。
- 第二等:代表ID选择器,如:#content,权值为100。
- 第三等:代表类,伪类和属性选择器,如.content,:hover,[attribute],权值为10。
- 第四等:代表元素选择器和伪元素选择器,如div,p,权值为1。
注意:通用选择器(*),子选择器(>)和相邻同胞选择器(+)并不在这四个等级中,所以他们的权值都为0。
权值相加,就是最终权重。