Pseudo-class :is() trong CSS

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

CSS :is() 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.

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

Lưu ý:Khi xử lý phần HTML và tiêu đề::is() Pseudo-class rất hữu ích.

Xin xem ví dụ sau:

:is(section, article) :is(h1, h2, h3, h4, h5, h6) {
  màu: xanh lục;
}

Tương đương với:

section h1, section h2, section h3, section h4, section h5, section h6, article h1, article h2, article h3, article h4, article h5, article h6 {
  màu: xanh lục;
}

Mô hình

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

:is(p.intro, ul, ol) {
  màu: đỏ;
}

Thử ngay

Ngữ pháp CSS

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

Chi tiết kỹ thuật

Hỗ trợ trình duyệt

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