在使用CSS樣式表來美化網頁的時候,我們需要給不同的選擇器設置權重。
權重是用來解決同一元素有多個CSS規則定義的情況,它決定了哪條規則會被瀏覽器應用。
CSS權重的規則如下:
選擇器類型 |權重| |--------------------|---| |!important |無窮大| |內聯樣式(style) |1000| |ID選擇器 |100| |類選擇器、屬性選擇器、偽類選擇器|10| |標簽選擇器、偽元素選擇器 |1| |通配符選擇器、子選擇器、相鄰兄弟選擇器|0
當存在多個選擇器時,權重的值就可以累加。
比如,當一個元素同時具有id選擇器和類選擇器時,id選擇器的權重為100,類選擇器的權重為10,因此這個元素的權重是110。
如果還存在!important,那么它的權重無窮大,優先級最高,將會覆蓋所有其它規則。
設置CSS權重可以讓我們更加方便地控制網頁的樣式,但是也要注意不要濫用!important,否則會導致難以解決的問題。