CSS權(quán)重是指當(dāng)多個(gè)選擇器應(yīng)用于同一元素時(shí),確定哪個(gè)樣式將被應(yīng)用。在CSS中,權(quán)重通常是從高到低排列的,并采用四位數(shù)字表示。
1. 繼承 – 沒有值(value)的屬性(如color)會從父元素繼承 2. 通配符,組合符和關(guān)系符 – 如*,+,>等 3. 元素選擇器 – 如p,h1等 4. 類、偽類或?qū)傩赃x擇器 – 如.class,:hover, [type="text"] 5. ID選擇器 – 如#id 6. 行內(nèi)樣式(內(nèi)部樣式和內(nèi)聯(lián)樣式) – 如 style="" 或直接在HTML標(biāo)簽中使用style屬性 7. 重復(fù)聲明的權(quán)重 – CSS后寫的樣式會覆蓋之前的樣式 注意:權(quán)重值會疊加,且整體作為一個(gè)數(shù)值計(jì)算。 類別之間的差別是1的倍數(shù),這是因?yàn)槊總€(gè)值都表示91-的權(quán)重值。
了解CSS權(quán)重對設(shè)計(jì)者來說非常重要。它可以幫助我們在復(fù)雜的CSS樣式中解決沖突,并幫助我們更好地理解為什么會出現(xiàn)意外的樣式問題。