CSS無窮大權重是在樣式優先級的計算中所用的一個概念,可以用來強制某個樣式被應用到某個元素上。
CSS樣式優先級的計算順序是:ID選擇器 >類選擇器、屬性選擇器、偽類 >元素選擇器、偽元素選擇器。在相同優先級的情況下,后寫的樣式會覆蓋先寫的樣式。
當需要強制某個樣式被應用到某個元素上時,我們可以使用CSS無窮大權重。
#container .item { background: red; /* 此處省略其他樣式 */ } /* 使用CSS無窮大權重強制背景色為綠色 */ #container .item { background: green !important; }
上述代碼中,我們將一個樣式應用到了ID為container的元素下的一個類為item的元素上。為了強制背景色為綠色,我們使用了CSS無窮大權重來覆蓋前面所寫的紅色背景色。
使用CSS無窮大權重需要注意,它會覆蓋掉所有具有低優先級的樣式,包括內聯樣式和瀏覽器默認樣式。因此,應當謹慎使用CSS無窮大權重,避免對整個頁面的樣式產生影響。