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是一个例外，它的权值大于用户设置样式！