在 CSS 中,元素的權(quán)重是一個(gè)很重要的概念。它決定了當(dāng)多個(gè) CSS 規(guī)則應(yīng)用于同一個(gè)元素時(shí),哪一條規(guī)則將具有優(yōu)先權(quán)。
權(quán)重通常由四個(gè)部分組成,它們分別是:
選擇器的 ID 權(quán)重 選擇器的類、屬性和偽類權(quán)重 選擇器的元素和偽元素權(quán)重 通配符和繼承權(quán)重
ID 權(quán)重是最高的,因?yàn)?ID 是唯一的。類、屬性和偽類的權(quán)重次之,因?yàn)樗鼈円材軌虮容^準(zhǔn)確地使用在元素上。元素和偽元素的權(quán)重要比類、屬性和偽類低,但是它們可以影響到所有相同類型的元素。通配符和繼承的權(quán)重是最低的,也就是說,它們只能影響到?jīng)]有更高權(quán)重的規(guī)則。
當(dāng)多個(gè)選擇器的權(quán)重相同時(shí),后面的選擇器會(huì)覆蓋前面的,因?yàn)樵刂荒軕?yīng)用一條 CSS 規(guī)則。如果權(quán)重相等的選擇器在同一行中,并用逗號(hào)隔開,它們的應(yīng)用順序取決于它們在文件中的先后順序。
雖然 CSS 的選擇器本質(zhì)上是簡單的層疊結(jié)構(gòu),但要理解元素的權(quán)重,就必須先了解它們是如何組合和計(jì)算的。通過這種方式,您可以排除樣式相互沖突的問題,并使用有效的選擇器優(yōu)先級(jí)來正確地定義樣式。