在 CSS 选择器家族中,新增这样一类比较新的选择器 — 逻辑选择器,目前共有 4 名成员:

  • :is
  • :where
  • :not
  • :has

现代 CSS 框架运行的一种方式是通过使用条件逻辑选择器。换言之,:is() 和 :where() 属性可以用于同时设置多种设计元素的样式。但是,更重要的是,你可以使用这些属性去查询你需单独处理的元素。

  1. :where(h2,h3,h4) > b {
  2. color: blue;
  3. }
  4. :is(h2):where(.content-title) {
  5. text-transform: uppercase;
  6. }

:is伪类选择器