CSS三大特性之層疊性

2021-07-22 04:50:59 字數 449 閱讀 9895

css

三大特性之二層疊性,什麼是層疊行,層疊性就是瀏覽器處理衝突的乙個特性,如果乙個屬性通過多個選擇器設定到同乙個元素上面,那麼這個時候就會只有乙個選擇器起作用,而其他的選擇器都將背層疊掉,前提是選擇器的權重一樣,也就是說這些選擇器的優先順序相同,後面的部落格會講優先順序,這裡先考慮優先順序相同。

有如下**,先給body設定顏色為紅色,然後再給div設定為綠色,最後給h2設定藍色,執行後可以發現最後h2中的字型為藍色,這就說明h2的顏色樣式將body和div的顏色樣式給層疊掉了。

hello world!

如果在body樣式中新增 font-size: 20px;

根據前面所講的span會繼承這一樣式,字型會變大,由此可以看出,當多個選擇器定義的規則不發生衝突時,則元素會應用所有選擇器定義的樣式,只會層疊掉發生衝突的樣式。

CSS 三大特性 繼承性,層疊性,優先性

乙個頁面中包含在內部的標籤,繼承了外部標籤的樣式。官方解釋 子元素繼承了父元素的樣式。例如可繼承的 font 字型系列屬性 p text 文字系列屬性 等等。不可繼承的很多,涉及到 padding border margin width height 都不可繼承。記憶的建議 你就是記不可繼承,邊框,...

css疊層 CSS三大特性 繼承性 層疊性 優先順序

一 繼承性 給父元素設定一些屬性,子元素也可以使用,這個我們就稱之為繼承性。注意點 並不是所有的屬性都可以繼承,只有以color font text line 開頭的屬性才可以繼承 在css的繼承中不僅僅是兒子可以繼承,只要是後代都可以繼承 繼承性中的特殊性 a標籤的文字顏色和下劃線是不能繼承的 h...

css三大特性 層疊 繼承 優先

1 層疊性 設定相同屬性時,後面的覆蓋前面的 2 繼承性 後代自動繼承祖先元素的樣式。3 優先順序 id 類 標籤 通配 繼承 瀏覽器預設 判斷規則 1 間接選中 繼承 就近原則 2 直接選擇,並且是同型別選擇器,後面的覆蓋前面的 3 直接選中,但是又多種型別的選擇器,利用權重計算方法 權重計算規則...