CSS的權重是影響樣式渲染優先級的重要因素，當多個CSS規則對同一元素進行樣式定義時，就會出現樣式沖突的情況。在這種情況下，CSS的權重規則就非常重要了。以下是CSS權重的規則：
- 選擇器類型：元素選擇器p和類選擇器.class分別對應的權重值是1和10，ID選擇器#id對應的權重值是100，而通配符選擇器*和子元素選擇器div p權重值均為0。如果選擇器包含多個元素、類或ID，例如div.nav a:hover，則可以把這個選擇器的單獨部分相加，從而得出其權重值。
- 行內樣式屬性：頁面上使用style屬性定義的樣式會覆蓋用CSS定義的樣式。這種方式的權重值為1000，比ID選擇器更高。
- Important關鍵字：CSS中的!important關鍵字可以將其對應的樣式規則權重提高至最高，它可以覆蓋任何已有的樣式規則，而且不受其權重影響。
知道了CSS權重的規則，就可以利用以下方法改變權重：
1.使用ID選擇器
#nav {
background-color: red;
}2.使用
!important關鍵字p {
background-color: green !important;
}這種方法應該謹慎使用，因為它可能導致樣式覆蓋問題，以后的樣式調整也將變得更加困難。
3.修改選擇器類型的權重
通過改變選擇器的類型來提高其權重，例如使用類選擇器而不是元素選擇器：
.nav {
background-color: blue;
}4.降低權重
有時候，我們需要減少某個樣式規則的權重，以便讓其他規則得到應有的渲染。例如，在一個
標簽內部有一個
在這個例子中，我們使用了類選擇器
通過以上4種方法，就能有效地修改CSS規則的權重，解決樣式渲染優先級的問題。
標簽，我們希望讓
標簽的文字變成黑色，但是又不想改變默認的黑色顏色：
div p {
color: gray;
}
div .special {
color: black;
}在這個例子中，我們使用了類選擇器
.special降低了對應規則的權重，從而讓其覆蓋次優選用的div p規則。通過以上4種方法，就能有效地修改CSS規則的權重，解決樣式渲染優先級的問題。
上一篇css邊框缺口