继承
css的某些标签不仅可以应用于其本身,而且可以应用于其子代:p{color:red}<p><span>M</span></p>
如上,p标签的子代标签span里的M就是红色。
但是有些标签如border不具有被后代继承的特性。
CSS标签的权值
权值计算方法写在下面图片的注释里
不过我在算的时候犯了一个错,
文字
它的权值应该是p+foot+span的,而不是只按最高的foot的算![在这里插入图片描述](https://img-blog.csdnimg.cn/20190521180546903.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjg2NTI5,size_16,color_FFFFFF,t_70)
层叠
如果同一个标签被修饰为了相同的权值,那么显示效果是最后设置的那个,原理是覆盖
p{color:red;}
p{color:blue;}
<p>文字</p>
文字的颜色是blue
重要性
对于特别重要的标签,想显现出它的属性,那么只需要使用!important
修饰就会变成最重要的标签了
p{color:bule !important;}
p{color:red;}
<p>文字</p>
本来文字应该被red覆盖的,但是因为上面的bule后面是!important所以文字的颜色是blue