第六天 CSS完结

CSS 三大特性

css，层叠样式表

CSS层叠性

所谓层叠性是指多种CSS样式的叠加。

是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉

比如先给某个标签指定了内部文字颜色为红色，接着又指定了颜色为蓝色，此时出现一个标签指定了相同样式不同值的情况，这就是样式冲突。

1.样式冲突，遵循的原则时就近原则

2.样式不冲突，不会层叠

CSS继承性 子承父业

所谓继承性是指书写CSS样式表时，子标签会继承父标签的某些样式，如文本颜色和字号。想要设置一个可继承的属性，只需将它应用于父元素即可。

适当使用，不可滥用，好处减低了css的复杂度，子元素可以继承父元素的哪些样式(color,text-,font-,line-)

CSS优先级

定义CSS样式时，经常出现两个或更多规则应用在同一元素上，这时就会出现优先级的问题。

继承样式的权重为0，即在嵌套结构中，不管父元素的权重多大，被子元素继承是，权重都为0.

行内样式优先。行内样式权重相当高

权重相同时，层叠行，就近原则

css有一个命令 !important  优先级最大

CSS的特殊性(Specificity)

关于css 的权重，我们需要一套公式，就叫CSS的特殊性(Specificity)，我们称之为css特性或非凡性

css特性有四个数字组成，从左到右，左边最大，数位没有进制，级别之间不可超越

继承的贡献值	0，0，0，0
每个元素贡献值	0，0，0，1
每个类，伪类	0，0，1，0
每个id	0，1，0，0
行内样式	1，0，0，0
！important	无穷大

div ul li	0003
.nav ul li	0012
a:hover	0011
.nav a	0011
#nav p	0101

1.数位之间没有进制，0005+0005=00010，
2.继承的权重为0

总结优先级
	1.!important
	2.行内样式
	3.id选择器
	4.类选择器，属性选择器，伪元素，伪类
	5.元素选择器
	6.通配符选择
	7.同一类选择就近原则
	
权重是优先级的算法，层叠是优先级的表现