【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段落文本将显示红色*/

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章