一、关于css
样式中的6种基础的选择器
- 1、ID选择器
- 2、CLASS选择器
- 3、属性选择器(如
a[href="xxx"]
) - 4、伪类和伪对象选择器(如:
:hover ::after
) - 5、标签选择器(如:
a,span
) - 6、通配选择器(如:
*
)
二、关于css
样式的三种组合
- 1、后代选择器(如:
.reader .title{}
) - 2、子选择器(如:
.reader > .title{}
) - 3、相邻选择器(如:
.reader + .title{}
)
三、关于各选择器的权重值
- 1、ID选择器权重 = 100
- 2、CLASS选择器权重 = 10
- 3、属性选择器权重= 10
- 4、伪类选择器权重 = 10
- 5、标签选择器权重 = 1
- 6、伪对象选择器权重 = 1
- 7、通配选择器权重 = 0