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

2021-10-13 06:19:30 字數 961 閱讀 9961

一、繼承性

給父元素設定一些屬性, 子元素也可以使用, 這個我們就稱之為繼承性。

注意點:

並不是所有的屬性都可以繼承, 只有以color/font-/text-/line-開頭的屬性才可以繼承

在css的繼承中不僅僅是兒子可以繼承, 只要是後代都可以繼承

繼承性中的特殊性

a標籤的文字顏色和下劃線是不能繼承的

h標籤的文字大小是不能繼承的

繼承性一般用於設定網頁上的公共資訊,例如網頁文字顏色、字型以及大小等。

二、層疊性

層疊性就是css處理衝突的一種能力。

層疊性只有在多個選擇器選中"同乙個標籤", 然後又設定了"相同的屬性", 才會發生層疊性。

層疊性由優先順序決定。

間接選中就是指繼承。

優先順序判斷方式:

1. 間接選中就是繼承時,誰離目標標籤近就聽誰的。

2. 間接選中,誰離目標標籤近就聽誰的

3. 都是直接選中時,並且是同型別的選擇器時,誰寫在後面就聽誰的。當是不同型別的選擇器時,按照優先順序:

id>類》標籤》萬用字元》繼承》瀏覽器預設

關於萬用字元:比如css開頭寫一句 * 用 * 來匹配全部標籤

(萬用字元選擇器也是直接選中)

(優先順序權重):

什麼是優先順序的權重?

作用: 當多個選擇器混合在一起使用時, 我們可以通過計算權重來判斷誰的優先順序最高

權重的計算規則

首先先計算選擇器中有多少個id, id多的選擇器優先順序最高

如果id的個數一樣, 那麼再看類名的個數, 類名個數多的優先順序最高

如果類名的個數一樣, 那麼再看標籤名稱的個數, 標籤名稱個數多的優先順序最高

如果id個數一樣, 類名個數也一樣, 標籤名稱個數也一樣, 那麼就不會繼續往下計算了, 那麼此時誰寫在後面聽誰的

關於!important用於提高某個直接選中標籤的優先順序,要寫在屬性值分號的前面

CSS三大特性之繼承性

css有三大特性,分別是繼承性,層疊性,優先順序,這裡講解繼承性 繼承性是指指被包在內部的標籤將擁有外部標籤的樣式性,即子元素可以繼承父元素的屬性,例如下面的 div中包含2個p標籤,1個span標籤,當給div設定字型顏色為紅色時,他的子標籤會繼承父元素的屬性,因而會顯示紅色。在css中以text...

css三大特性之繼承性

css三大特性之繼承性 1.什麼是繼承性?作用 給父元素設定一些屬性,子元素也可以使用,這個我們就稱之為繼承性 注意點 1.並不是所有的屬性都可以繼承,只有以color font text line 開頭的屬性才可以繼承 2.在css的繼承中不僅僅是兒子可以繼承,只要是後代都可以繼承 3.繼承性中的...

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

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