【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段落文本將顯示紅色*/

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