在CSS中，選擇器和聲明都會有一個特定的權重。權重是指在樣式沖突時，用于決定哪個樣式優先的一種計算方法。了解CSS類的權重是樣式表設計和編寫的重要組成部分。

權重的計算方法如下：
1. 內聯樣式（如style="..."）的權重最高，它的權重為1000。
2. 當選擇器使用了id選擇器時，它的權重為100，可以使用“#”符號來標識。
3. 當選擇器使用了class選擇器、屬性選擇器或偽類選擇器時，它的權重為10，可以使用“.”、“[屬性=值]”、“:偽類”來標識。
4. 當選擇器使用了標簽名選擇器、偽元素選擇器時，它的權重為1，可以使用標簽名、:before、:after來標識。
在 CSS 中，通常會有多個選擇器同時作用于同一元素。此時，會通過比較選擇器的權重，決定使用哪個樣式。選擇器獲勝的規則如下：
1. 如果兩個選擇器的權重不同，則使用權重更大的選擇器；如果權重相同，則使用最后出現的選擇器；
2. 如果兩個選擇器的權重相同且最后出現，但是設置了!important，則它就獲勝；
3. 如果兩個選擇器的權重相同且都沒有設置!important，則哪個選擇器出現在樣式表的后面就會獲勝；
為了避免出現權重問題，我們建議以下幾點：
1. 不要過度使用內聯樣式，盡量使用樣式表來編寫樣式；
2. 可以使用較短的選擇器，只在需要時使用id選擇器，避免使用!important；
3. 在樣式文件中，將相似的樣式封裝成類，6-10個類就足夠了；
4. 注意CSS的繼承機制，盡量避免使用全局選擇器和通配符選擇器。