CSS的继承性和层叠性

·继承性

有一些属性，当给自己设置样式的时候，自己的后代也都继承上了，这就是继承性。

哪些属性能继承？

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