Сократите свой CSS-код с помощью :where()

Используйте псевдокласс-функцию :where(), когда нужно применить одинаковые стили к нескольким элементам, не беспокоясь о том, что порядок селекторов повлияет на специфичность правил. Это простой способ сделать CSS более предсказуемым и удобным для поддержки.

/* Without :where() */

.container > h1,

.container > .card h1,

.container > .card:last-child {

  border: 2px solid red;

  padding: 10px;

}



/* With :where() */

.container > :where(h1, .card .h1, .card:last-child) {

  border: 2px solid red;

  padding: 10px;

}

@javascriptv