1 浏览器解析样式是从右向左解析的,这样做的目的就是加快css的解析速度
选择器的分类
1 元素选择器a{}
2 伪元素选择器::before{}
3类选择器.link{}
4 属性选择器[type=radio]{}
5 伪类选择器:hover{}
6ID选择器#id{}
7组合选择器[type=checkbox]+label{}
8否第选择器:not(.link){}
9通用选择器*{}
双冒号和单冒号或者伪元素和伪类有什么区别?(面试)
1 伪元素是双冒号,伪类是单冒号
2 伪元素是一种真实存在的元素,他是一个新的元素,在页面中他可以有内容,有样式
3 伪类:比如:hover{}当您的鼠标指向某个元素的时候将这种状态下的样式显示出来,伪类就是一个元素的状态
选择器权重
1 ID选择器#id{} + 100
2 类 属性 伪类 +10
3 元素 伪元素 +1
4其他选择器 + 0
权重计算规则
1 第一等:内联样式 如style=“” ,权值为1000
2 第二等:代表ID选择器,如#content,权值为0100
3 第三等:代表类,伪类和属性选择器,如.content,权值为0010
4第四等:代表类型选择器和伪元素选择器,如div,p,权值为0001
5 通配符,子选择器,相邻选择器等的,为0000
6 继承的样式没有权值
!import Infinity
行间样式 1000
id 100
class |属性 | 伪类 10
标签|伪元素 1
通配符 0