CSS選擇器整理2

2021-07-03 10:23:53 字數 547 閱讀 2171

5、 選擇器之間的優先順序:

a) 一般而言,選擇器指向越精確,優先順序就越高,通常情況下:

元素選擇器《類選擇器important
屬性選擇器、偽類選擇器和類選擇器優先順序一樣,偽元素選擇器和元素選擇器一樣

b) css遵循繼承原則(如果父標籤定義了某個樣式,則預設對應的子標籤也應用該樣式)和就近原則(離標籤越近的css同級樣式,優先順序也越高)

css的層疊與繼承

1、 css層疊

a) 在樣式表中,同一元素可能有兩個或者更多規則,css通過乙個稱為層疊的過程處理這種衝突。層疊給每個規則分配乙個重要度(即優先順序)。根據選擇器的特殊性決定規則的次序,具有更特殊選擇器的規則優先於具有一般選擇器的規則。如果兩個規則的特殊性相同,那麼後定義的規則優先。

2、 css繼承

a) 繼承是css的乙個主要特徵,父元素在定義某些樣式後,其後代也可以應用到這些樣式。但是繼承也有侷限性,有些屬性是不能繼承的,例如margin、padding、background等

CSS選擇器整理

1 常用選擇器 a 元素選擇器 簡單選擇器 型別選擇器 匹配特定標籤的元素,格式為 標籤 例如 p h1b 後代選擇器 匹配特定元素或者元素組的後代,格式為 標籤 後代,例如 div p ul lic id選擇器 匹配特定id的元素,格式為 id,例如 information blogd 類選擇器 ...

css選擇器2 偽類選擇器

一.偽元素選擇器 1.e first letter e first letter css3時代兩個冒號 設定元素內的第乙個字元的樣式。例如 p first letter2.e first line e first line 設定元素內的第一行的樣式。例如 p first line3.e before...

CSS選擇器總結 待整理

僅做備份,尚未整理 1 標籤 元素 選擇器 關係div p span div 權重1id 選擇器 類 類別 選擇器 calssname 權重10 4,萬用字元 通用 選擇器 權重 0 5.偽類選擇器 link hover 權重 10 6,偽元素選擇器 before alert first lette...