css三大特性
層疊性:
如果乙個屬性通過兩個相同選擇器設定到同乙個元素上,相同的屬性就會出現衝突,那麼這個時候乙個
屬性就會將另乙個屬性層疊掉,採用的是就近原則
繼承性:
子標籤會繼承父標籤的某些樣式 一般以font,line,color,text,list,都能繼承
備註 : a標籤不能繼承字型顏色,h標籤不能繼承字型的大小
優先順序 :
id 權重 0 1 0 0
class/偽類 權重 : 0 0 1 0
型別選擇器 權重 : 0 0 0 1
統配符選擇器權重 : 0 0 0 0
行內樣式 權重 : 1 0 0 0
復合選擇器權重 :
組成單個選擇器的權重之和
注意 : 群組選擇器權重是 各自的權重
!important可以進行提權 ,放在屬性值的後面,比行內樣式
的權重還高 (一般不使用)
權重的相同時,css 遵循就近原則。
注意:當使用復合選擇器時,低階的選擇器權重加起來大於高階選擇器時,頁面執行的任然是高階選擇器
例: 比如型別選擇器p 當有11個p復合時,類選擇器 為0 0 1 0,這時復合選擇器的權重為 0 0 0 11,並不會大於類選擇器。
CSS三大特性(繼承 優先順序 層疊)
首先宣告一下css三大特性 繼承 優先順序和層疊。繼承即子類元素繼承父類的樣式,比如font size,font weight等f開頭的css樣式以及text align,text indent等t開頭的樣式以及我們常用的color。簡單的就不演示了,強調一下font size這個東東 雖然也有繼承...
CSS的三大特性(繼承 層疊和優先順序)
css中有些屬性是可繼承的,何為屬性的繼承?那麼哪些樣式可以繼承哪些樣式不能繼承,具體屬性是否能繼承,可以查閱w3c官網或者mdn。不能繼承的屬性可以使用inherit屬性值強制繼承。注意 css屬性繼承的是計算值,並不是編寫屬性時的指定值 也就是字面值 css全稱 cascading style ...
CSS 三大特性(層疊性 繼承性 優先順序)
層疊 繼承 優先順序 是我們學習css 必須掌握的三個特性。所謂層疊性是指多種css樣式的疊加。是瀏覽器處理衝突的乙個能力,如果乙個屬性通過兩個相同選擇器設定到同乙個元素上,那麼這個時候乙個屬性就會將另乙個屬性層疊掉 比如先給某個標籤指定了內部文字顏色為紅色,接著又指定了顏色為藍色,此時出現乙個標籤...