以前寫過一篇如何個元素應用規則, 現在看來寫的好爛, 所以再寫一篇當作補充吧.
css選擇器的優先順序規定了文件採用哪一種樣式.
選擇器的等級主要有以下四個等級(依次遞減)
行內樣式(style宣告)
id選擇器
類, 偽類, 屬性選擇器
元素選擇器, 偽元素選擇器
當同乙個元素有多個css規則時, 對照著上面的四個等級, 對每乙個規則確定每個等級有幾個選擇器, 記下個數. 然後做下列運算.
行內樣式的選擇器個數乘以1000
id選擇器的個數乘以100
第三等級的個數乘以10
第四等級的個數乘以1
然後將上述算出來的數想加, 數值最高的規則才會應用到元素.
importtant不算優先順序, 但是它比上面四種都有影響力. 當某乙個宣告或者規則應用important元素時, 這個宣告或者規則就會稱為元素的應用樣式, 其他則會被覆蓋.
如:
p
/*有效*/
p /*無效*/
選擇器優先順序 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，始終高於外...