下列是乙份優先順序逐級增加的選擇器列表:
通用選擇器
元素(型別)選擇器
類選擇器
屬性選擇器
偽類id 選擇器
內聯樣式
!important宣告的樣式
當css選擇器權重相同,則最後的宣告的css選擇器覆蓋靠前的 css
多重樣式(multiple styles
)
如果外部樣式、內部樣式和內聯樣式同時應用於同乙個元素,就是使多重樣式的情況。
一般情況下,優先順序為:((外部樣式)external style sheet
/(內部樣式)internal style sheet 按宣告先後)
<(內聯樣式)inline style
示例如下:
選擇器的優先權
選擇器的優先權解釋說明
內聯樣式表的權值最高 1000。
id
選擇器的權值為 100。
class
類選擇器的權值為 10。
html
標籤(型別)選擇器的權值為 1。
選擇器的權值進行計算比較,結果如下:
redemred
red結果:標籤內的資料顯示為藍色
改為:將顯示為黃色
選擇器優先順序 CSS選擇器優先順序總結
css選擇器優先順序這個問題,相信有點經驗前端都會認為非常簡單,但是我們今天還是來總結一下吧。相信大家應該很少直接在html頁面寫樣式吧,一般都是用link標籤匯入css樣式表。使用者自定義樣式表就是我們用link標籤引入的css樣式表,為了保持不同瀏覽器下樣式相同,所以我們的自定義樣式表一般都會覆...
CSS 選擇器優先順序
css優先順序包含四個級別 文內選擇器,id選擇器,class選擇器,元素選擇器 以及各級別出現的次數。根據這四個級別出現的次數計算得到css的優先順序。css優先順序的計算規則如下 頁面中直接設定style,加1,0,0,0 每個id選擇器 如 id 加0,1,0,0 每個class選擇器 如 c...
css選擇器優先順序
css優先順序即css樣式在瀏覽器中被解析出來的先後順序。css優先順序包含四個級別 行內樣式,id選擇符,class類選擇符,元素選擇符 以及各級別出現的次數。繼承是css的乙個主要特徵,然後繼承的權重很低,比普通元素還要低。1.行內樣式 類似css 的樣式 的優先順序為1,0,0,0,始終高於外...