css的继承、层叠、特殊和重要性

1.css继承性

应用场景：比如< p >< /p >中包含< span >< /span > 应用在< p >之中的代码，也会影响到< span >中样式 但也不是所有语句都会，比如：一些边框的样式代码

2.特殊性(权值高低)

许多代码作用于一种标签，从网页显示也只能是一种，权值最高的，就使用哪一种

/* 标签权值为1; 类选择器权值为10; ID选择符权值为100 */ p{color:red;} /*权值为1*/ p span{color:green;} /*权值为1+1=2*/ .warning{color:blue;} /*权值为10*/ #footer .note p{color:yellow;} /*权值为100+10+1=111*/ /*继承也有权值，但是非常低，可以理解为最低*/

3.层叠

若是相同权值，那我们应该怎么办呢？层叠就是解决这个的

当相同权值时，会根据css样式代码前后顺序决定，处于后面的会被应用 (可以理解为后面覆盖了前面的)

优先级： 内联样式表(标签内部)>嵌入样式表(当前文件中)>外部样式表(外部文件中)

4.重要性

使用格式：p{color:red !important;}

网页优先级： 浏览器默认格式<网页制作者样式<用户自己设置的样式(比如：网页大小，字体，字号)

但是，!important是一个例外，它的权值大于用户设置样式！