CSS笔记：CSS的三大特征

CSS有三个非常重要的特征：层叠性、继承性、优先级。

 

（1）　层叠性

　　层叠性原则：遵循的原则是就近原则，哪个样式离结构近，就执行哪个样式

　　　　　　　　样式不冲突，不会层叠

例如：下面他显示的div颜色会把上面的给覆盖了，显示的就是：红色

 

 

 

（2）继承性

　　指的是：子标签会继承父标签的某些样式，如文本颜色和字号。text-，font-，line-这些元素开头的都可以继承以及color属性；

下图：显示的会继承上面定义的div的样式

 

 

　　行高的继承：font:12px/1.5 'Microsoft YaHei'，1.5指的是当前元素字体大小1.5倍的行高。

 

 

（3）优先性

选择器		选择器权重	例如
优先级从低到高， 越到下面优先级越高	继承或者*	0，0,0,0	div下面有p元素、*
	元素选择器	0,0,0,1	div、p
	类选择器，伪类选择器	0,0,1,0	.className、a:hover
	ID选择器	0,1,0,0	#ID
	行内样式style=“”	1,0,0,0	style
	！important 重要的	无穷大	在样式后面添加！important

　　注意：

　　1 继承的权重是0

　　2 权重叠加：如果是复合选择器，则会有权重叠加，需要计算权重。