CSS初学2---继承性和层叠性

      标签样式的继承，以及样式的层叠。听说层叠性这个东西去公司面试，如果在笔试阶段的话是必考的。

    一、继承性，inherit继承的意思。

<div>
<div>
<p>这里有几个字</p>
</div>
</div>

          div{
          color:red;
          }

p标签里面的字体会变为红色。这就是继承。

注意：不是父类所有的东西都可以继承，只能继承关于文字的，比如说：font,text,color,line.....

二、层叠性，cascading层叠的意思。

1.计算权值

ID选择器个数  类选择器个数  标签选择器个数

#a112               .class1                p,div

2.如果权值相同，下面的牛逼。

3.权值的计算上面是不会进位的，就是11个标签选择器比不上一个类选择器。

4.如果大家没有直接选中P，那么就是继承来的，谁离得近谁牛逼。

5.继承来的权值为0.

也就是说，

<div>
<div>
<div>
<div>
<div>
<p>几个字</p>
</div>
</div>
</div>
</div>
</div>

在上述内容中

div div div div div {

}

比不上

p{

}