CSS conditional rules

Module CSS conditional rules định nghĩa media query và supports query CSS, cho phép bạn định nghĩa các style chỉ được áp dụng nếu các điều kiện cụ thể được thỏa mãn. Các conditional rules được định nghĩa trong module này dựa trên khả năng của thiết bị, user-agent, và viewport. Với conditional rules, bạn có thể nhắm mục tiêu các CSS style dựa trên giá trị truy vấn hay tính năng trình duyệt và thiết bị, độc lập với tài liệu đang được render.

Các conditional rules CSS đầu tiên là media types chỉ định media đích cho các style được liên kết, ví dụ screen hoặc print. Chúng được đặt làm giá trị của thuộc tính media của phần tử HTML <link> và <style> hoặc như danh sách media types được phân tách bằng dấu phẩy trong câu lệnh hoặc at-rule @import. Khả năng áp dụng có điều kiện các quy tắc CSS đã được mở rộng đáng kể kể từ các triển khai CSS 2.1 và HTML 4.01 giới hạn truy vấn có điều kiện cho một vài media types.

CSS conditional rules hiện bao gồm feature queries; at-rule @supports cho phép nhắm mục tiêu CSS style dựa trên khả năng CSS của user-agent. Các điều kiện bổ sung bao gồm selector, font-format, và font-tech nào được hỗ trợ.

Module CSS conditional rules cũng mở rộng @media để cho phép lồng ghép at-rules, với module CSS media queries liên quan loại bỏ các media type không được sử dụng và thêm nhiều media features và điều kiện có thể nhắm mục tiêu.

Module CSS container queries định nghĩa các conditional rules tương tự, nhưng dựa trên parent của phần tử thay vì viewport.

Có kế hoạch mở rộng thêm các truy vấn có thể bằng cách thêm conditional rule tổng quát @when và conditional rule chuỗi @else. Hai at-rule này chưa được hỗ trợ.