跳至內容
Astera Technology

CSS 配對範圍與 cascade

層次優先、低權重預設及直接子元素規則。

Astera Technology

用層次整理樣式,毋須不停加選擇器權重

把一般宣告分入基本層和元件層,按真正 cascade 次序查哪個值生效。

實用教學
Astera Technology

預設樣式可限範圍,亦要容易覆寫

用 :where 限定範圍,同時保留低權重,讓指定項目容易覆寫預設值。

實用教學
Astera Technology

樣式只想改第一層,別連內層也改了

用兩層元素樹,比較直接子元素和所有後代配對。

實用教學