Погружаемся в CSS: как использовать :where ()

[Farmatique]

Спасибо, никогда не использовал, буду знать. Надо будет ещё глянуть на поддержку этого псевдосеолектора в canIuse

[Finesse]

В статье не хватает раздела про поддержку браузерами. Сейчас это:

• Браузеры на движке Blink (Chromium) версии 88 и новее

• Браузеры на движке Gecko (Firefox) версии 78 и новее

• Браузеры на движке WebKit (Safari) версии 14 и новее

Согласно “Can I use” это 88.7% пользователей в мире.

[Adionixitt]

Вот этого действительно не хватало, пускай и легко гуглится, так или иначе, спасибо, всю статью думал когда же напишут про поддержку ;)

[csprog]

Кратко и по делу. Спасибо.

Ползуюсь :where() На мой взгляд код типа:

:where(.dark-theme, .dim-theme) :where(button, a) {   color: purple; }

лучше не использовать, усложняет понимание, что конкретно и каким образом меняется.

Сократит до вот такого достаточно.

.dark-theme :where(button, a) {   color: purple; }

.dim-theme :where(button, a) {   color: purple; }

[hackteck]

Спасибо за статью, весьма полезно, очень не хватало этого селектора.

P.S. ИМХО, если проект позволяет, то лучше смотреть в сторону препроцессоров (SCSS например). На ум приходит сходство, что когда есть выбор, то всегда буду использовать TypeScript вместо JavaScript.

[Metotron0]

:where(ol[class])

Почему не написать ol[class] {}, зачем тут where?