< p>CSS 中的權重是指樣式規則（規則集）應用于相同元素時的優先級。它非常重要，因為它的影響將決定哪個規則將適用于特定元素。我們應該如何正確設置 CSS 的權重？
/ pre>
< pre>
#id {
/*權值為100*/
}
.class {
/*權值為10*/
}
element {
/*權值為1*/
}

< p>首先，需要知道所有不同選擇器類型的權重。當使用相同的屬性時，Id 選擇器將具有最高的優先級，其次是 class 選擇器，最后是元素選擇器。 在上面的代碼中，選擇器 #id 的權重為 100，選擇器 .class 的權重為 10，選擇器元素的權重為 1。
< p>類選擇器和元素選擇器的區別在于，類選擇器可以應用于多個元素，而元素選擇器只能應用于單個元素。 如果希望給特定元素更大的權重，則可以使用 ID 選擇器。

< pre>
#id.class {
/*權值為110*/
}
#id .class {
/*權值為110*/
}

< p>另外，組合選擇器也可以用來增加權重。組合選擇器是指兩個或多個選擇器組合在一起，例如 #id.class 和 #id .class。 組合選擇器的權重等于它們單獨使用的選擇器的權重之和。

< p>在某些情況下，如果需要更改樣式，則可以使用!important關鍵字。但是，建議僅在必要時使用它們，因為它們可能會導致樣式難以管理。如果一定要使用!important，則要確保它是唯一的，并且用于僅在最低限度下更改樣式。

< pre>
.class {
color: red !important; /*僅應在最低限度下使用*/
}

< p>總之，正確設置 CSS 權重至關重要。要確保您了解不同類型選擇器的權重，以及如何使用組合選擇器。只有在必要時才使用!important關鍵字，并確保它們是唯一的。