CSS4目前仍然是一個寬泛的概念,因為CSS的發展通常是通過一系列逐步完善的模塊來進行的,而不是一次性推出一個全新的“第四代”。許多所謂的“CSS4”特性實際上是正在開發或已經草案階段的CSS模塊,它們可能在未來的CSS規范中被正式采納。
選擇器4:
:is()
和:where()
偽類允許動態選擇一組元素。:has()
偽類選擇器允許基于子元素選擇父元素。:scope
偽類用于在Shadow DOM中選擇元素。
變量與自定義屬性:
- var() 函數允許在CSS中使用變量。
- –* 命名的自定義屬性提供更強大的變量支持。
顏色模塊:
- 更多的顏色空間,如HSLA、HSV、色彩函數等。
- color-adjust 屬性允許對打印時的顏色進行調整。
布局模塊:
- CSS Grid Layout 提供二維網格布局。
- CSS Flexbox的增強,例如更多細粒度的控制。
- CSS Multi-column Layout 用于創建報紙樣式的多列布局。
動畫與過渡:
- @keyframes 規則的增強,支持更多的動畫選項。
- will-change 屬性用于優化動畫性能。
文本模塊:
- font-display 控制字體加載行為。
- text-decoration 的