CSS中的權重,指的是樣式的優先級。當多個樣式同時作用于同一個元素時,可能會出現沖突,這時就需要確定哪個樣式會優先生效。權重的值越高,表示其優先級越高。
權重的計算規則如下:
1. 選擇器中,每出現一個ID選擇器,加 100 權重; 2. 選擇器中,每出現一個類選擇器、屬性選擇器或偽類選擇器,加 10 權重; 3. 選擇器中,每出現一個元素選擇器或偽元素選擇器,加 1 權重; 4. 若樣式是通過 style 屬性直接寫在元素標簽中,則加上 1000 權重;
舉個例子:
Hello World!
在上面的例子中,class 和 ID 選擇器都被應用到了同一個元素上,但由于 ID 選擇器有更高的權重,所以最終文字的顏色為紅色。
總的來說,當你遇到樣式被覆蓋或無法生效的問題時,可以通過權重調整來解決。但是過度使用權重也會導致樣式難以維護和調試,因此在編寫CSS時,盡量保持簡潔明了。