css的某些樣式具有繼承性的,它允許樣式不僅應用于某個特定的html標簽元素,而且可以用于其后代。
但是有些樣式不具有繼承性,比如 border:1px solid red;
p{border:1px solid red;}
<p>xxxxxxx,xxx<span>我說你好</span>xxxxx</p>
其中子元素span就沒起到作用
特殊性(優(yōu)先級)
我們?yōu)橥辉卦O置不同的樣式,會有什么變化呢:如
p{color:red;}
.first{color:green;}
<p class=first>xxxxxxx</p> ? ?答案是字體為綠色,因為class的權值比標簽權值大
層疊
css樣式中出現(xiàn)相同的權值時,順序后面的會覆蓋前面的
重要性
我們在做網(wǎng)頁代碼的時,有些特殊的情況需要為某些樣式設置具有最高權值,怎么辦?這時候我們可以使用!important來解決,比如:
P{color:red!important;}
p{color:green;} ? ?最后顯示的是紅色