·继承性
有一些属性,当给自己设置样式的时候,自己的后代也都继承上了,这就是继承性。
哪些属性能继承?
color、text-开头的、line-开头的、font-开头的。
这些关于文字属性的都能继承,继承性是从自己开始,直到最小的元素。
·层叠性
(很多公司如果要笔试,一定会考层叠性)
层叠性:就是CSS的处理冲突的能力。所有的权重计算,没有任何兼容问题!
图1
当选择器选择上了某个元素的时候,那么要统计权重,统计方式是:
id选择器数量,类选择器的数量,标签选择器的数量
图2
选择器实际上能进位(255个标签等于1个类标签),但是没有实战意义。如图3:
图3
如果权重一样,那么以后出现的为准,如图4:
图4
如果不能直接选中某个元素,通过继承性来影响样式的话,那么权重是0,没有意义。
图5
如果大家的权重都是0,则遵从就近原则:谁描述的近,样式就根据谁的变化。
图6
权重问题总结:
1、先看有没有选中,如果选中了,那么以(id数,类数,标签数)来计权重。以大的为准;如果权重一样,则以后面的为准。
2、如果没有选中,则权重为0。如果大家都是0,则遵从“就近原则”
!important标记
图6
important是英语里面的“重要的”的意思。我们可以通过语法:
k:v !important;
来给一个属性提高权重。这个属性的权重就是无穷大。
一定要注意语法:
正确的:font-size:60px !important;
注意:不能把!important写在分号外面;
不能忘记写感叹号。
!important需要强调3点:
1、!important提升的是一个属性,而不是一个选择器。
2、!important无法提升继承的权重,该是0还是0。
3、!important不影响就近原则。
权重计算的总结:
图7








网友评论