css

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