[CSS] Pseudo-Class Selectors Level 4 - :is, :where

출처 : https://web.dev/css-is-and-where/

New CSS functional pseudo-class selectors :is() and :where()

---

:is()

/* before */
h1 > b, h2 > b, h3 > b, h4 > b, h5 > b, h6 > b {
  color: hotpink;
}

/* after */
:is(h1,h2,h3,h4,h5,h6) > b {
  color: hotpink;
}

---

:where()

:is 와 기능적으로는 같은 함수, 단 우선 순위가 :is 가 높고, :where 는 우선 순위가 낮다?

https://developer.mozilla.org/en-US/docs/Web/CSS/:where

:where() - CSS: Cascading Style Sheets | MDN

https://drafts.csswg.org/selectors-4/#zero-matches

Selectors Level 4