CSS三大特性及優先順序

2021-10-13 14:21:15 字數 500 閱讀 6463

1.層疊性
所謂層疊性,就是後定義的樣式,會層疊(可以理解為覆蓋)掉前面定義的樣式。我們說的層疊性,是在樣式產生衝突的時候才層疊,不衝突就不層疊。

2. 繼承性
所謂繼承性,就是如果子元素沒有定義樣式,那麼他缺省會以父元素的樣式來繼承。

不是所有的樣式都會繼承,比如高度就從來不會繼承,通常能繼承的是一些文字相關的樣式。

比如font-系列,text-系列,color 文字顏色,line-height行高等

3. 優先順序(權重高的生效)
1 行內樣式的優先順序最高,內部和外部樣式遵循就近原則 誰離標籤近誰優先

2 選擇器的權重

權重規則:權值相加 大的優先

繼承過來的選擇器 權值為0

標籤選擇器 權值為1

類、偽類、屬性選擇器 權值為10

id選擇器 權值為100

行內樣式 權值為1000

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

首先宣告一下css三大特性 繼承 優先順序和層疊。繼承即子類元素繼承父類的樣式,比如font size,font weight等f開頭的css樣式以及text align,text indent等t開頭的樣式以及我們常用的color。簡單的就不演示了,強調一下font size這個東東 雖然也有繼承...

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

css三大特性 層疊性 如果乙個屬性通過兩個相同選擇器設定到同乙個元素上,相同的屬性就會出現衝突,那麼這個時候乙個 屬性就會將另乙個屬性層疊掉,採用的是就近原則 繼承性 子標籤會繼承父標籤的某些樣式 一般以font line color,text list 都能繼承 備註 a標籤不能繼承字型顏色,h...

CSS優先順序特性

w3cpro.cn 如果同個元素有兩個或以上衝突的css規則,瀏覽器有一些基本的規則來決定哪乙個非常特殊而勝出。如果同個元素有兩個或以上衝突的 css規則,瀏覽器有一些基本的規則來決定哪乙個非常特殊而勝出。它可能不像其它那麼重要,大部分案例你不需要擔心衝突,但大型而且複雜的 css檔案,或有很多 c...