Как можно повысить или понизить специфичность CSS-правила, в том числе если нельзя увеличить вложенность селектора?

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

Короткий ответ

Что ответить на собеседовании

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

Подробный разбор

Ответ с пояснениями

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

Дополнительный класс или атрибут усиливает селектор без увеличения вложенности. Однако сначала учитывайте origin, important и cascade layers: это отдельные уровни каскада. !important не увеличивает специфичность и не должен заменять понятную организацию стилей.

ИИ-помощник для собеседований

Хочешь уверенно проходить собеседования?

Попробуй ИИ-помощник для собеседований: слышит вас и собеседника, анализирует экран, подсказывает ответы в реальном времени, работает без VPN и не попадает в захват экрана.

Подробнее