在CSS中,每一條規則都可以設置多個樣式屬性,并且每個屬性都有一個優先級,這就是所謂的“樣式權重值”。
樣式權重值是決定哪個樣式屬性將被應用到元素的算法,其中權重值高的樣式屬性會覆蓋權重值低的樣式屬性。
注意:權重值越高的樣式屬性并不一定總是優先被應用。在某些情況下,存在樣式繼承和!important聲明等因素會影響到權重值的計算。
下面介紹CSS選擇器的各種權重值: ① 權重值為0,0,0,0的"通配符(*)",標簽選擇器,關系選擇器(如:"+",">","~"),通用選擇器(*),如果存在相同的應用規則,后面的會覆蓋前面的。 ② 權重值為0,0,0,1的偽類選擇器(:first-child,:visited,:hover,:active,:focus,:link,:lang)。 ③ 權重值為0,0,1,0的類選擇器(.x),屬性選擇器([type="radio"])和偽元素選擇器(::before,::after...)。 ④ 權重值為0,1,0,0的ID選擇器(#x)。 ⑤ 權重值為1,0,0,0的行內樣式(style)。 如按照優先級,權重值在相等情況下,后聲明的樣式屬性將覆蓋先聲明的樣式屬性,所以為保證樣式權重的準確性,最好避免使用行內樣式。
以上是關于CSS樣式權重值的介紹,掌握好樣式權重的計算方法可以幫助我們更好地編寫CSS樣式。
下一篇css樣式有什么好處