關鍵字:css
selector
css樣式定義多了，常常出現顯示效果與預期不一致的情況。其中很大一部分原因在於起作用的樣式。
1.多個選擇器可能會選擇同乙個元素，有3個規則，從上到下重要性降低：
！important的使用者樣式
！important的作者樣式
作者樣式
使用者樣式
瀏覽器定義的樣式
2. css
規範為不同型別的選擇器定義了特殊性權重，特殊性權重越高，樣式會被優先應用。
權重設定如下：
html選擇器，權重為1；
類選擇器，權重為10；
id選擇器，權重為100；
這裡還有一種情況：在html標籤中直接使用style屬性，這裡的style屬性的權重為1000；
即如下情況：
#x34y
<. p id=x34y style="color:green"> 優先選擇style=""設定的樣式。
例子：
h1 權重為1
p em 權重為2
.warning 權重為10
p.note em.dark 權重為22
#main 權重為100 這裡還有一種情況：
權重一樣時如何處理？
3.css
樣式的層疊原則——誰離我近，誰說了算。
當權重一樣時，會採用「層疊原則」 後定義的會被應用。
如：p
p 作用到這裡 <. p >我的什麼顏色呢？< /p>
結果會是red的。
4.css
樣式的特殊標記——誰有特權，誰說了算。
如果有人看不順眼，非得要自己說了算，那可以搞點特權，如下即可
p 加上!important;可將自己權重設為最高。
選擇器優先順序 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，始終高於外...