【HTML+CSS学习之基础知识】css样式的继承性及层叠

css的继承性
继承性就是指对于一些有继承性的样式来说，他的样式不仅应用于特定的html标签，也应用于该标签的后代。但不是所有的样式都具有继承性，例如：border:1px solid red;

样式的权值：可以累加
例如：

p{color:red;}            /*权值为1*/
p span{color:pink;}        /*权值为1+1=2*/
.set{color:purple;}        /*权值为10*/
p span.set{color:yello;}    /*权值为1+1+10=12*/

注:继承也有权值，但是极低

样式的层叠：当一个元素被赋予多种样式，且样式的权值相同，那么选取最后一个样式为主
样式优先级：内联样式表（标签内部）>嵌入式样式表(当前文件中)>外部样式表（外部文件中）

最高权值： !important
/*将该语句加入到样式设置之后，该样式将具有最高的权值*/
例如：

p{color:red!important;}
p{color:green;}
/*此时p段落文本将显示红色*/