一、繼承性
給父元素設定一些屬性, 子元素也可以使用, 這個我們就稱之為繼承性。
注意點:
並不是所有的屬性都可以繼承, 只有以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 都不可繼承。記憶的建議 你就是記不可繼承,邊框,...