pseudo-class :where() của CSS

Định nghĩa và cách sử dụng

CSS :where() pseudo-class được sử dụng để áp dụng cùng một phong cách cho tất cả các phần tử trong dấu ngoặc.

:where() pseudo-class cần một danh sách chọn lọc được phân tách bằng dấu phẩy làm tham số.

:where() pseudo-class với :is() pseudo-class tương tự, nhưng khác biệt về tính đặc trưng::where() tính đặc trưng luôn là 0, trong khi :is() của tính đặc trưng phụ thuộc vào chọn lọc cụ thể nhất trong các tham số.

Mô hình

Áp dụng màu văn bản đỏ cho các phần tử p.intro, <ul> và <ol>:

:where(p.intro, ul, ol) {
  color: red;
}

Thử ngay

Ngữ pháp CSS

:where(danh sách chọn lọc) {
  các định nghĩa CSS;
}

Chi tiết kỹ thuật

Phiên bản: CSS4

Hỗ trợ trình duyệt

Bảng số trong biểu mẫu chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ pseudo-class.

Chrome Edge Firefox Safari Opera
88 88 78 14 74