Разработка и интерфейсы

Специфичность селектора

Илья Тарасов — Специфичность селектора
МатериалСпецифичность селектораtarasovcode

Относительный вес CSS-селектора при выборе между подходящими правилами одного контекста каскада. Идентификатор обычно весит больше класса, а класс — больше имени элемента. Специфичность помогает браузеру решить конфликт, но не заменяет источник и слой правила.

Пример на практике

Селектор #menu a перебивает .nav a из-за большего веса идентификатора.

Когда пригодится

Держите селекторы достаточно простыми, чтобы их можно было переопределить.

Что важно учитывать

Победа по специфичности не гарантирует приоритет над более сильным источником каскада.

Словарь tarasovcode — проект Ильи Тарасова и TarasovWeb. Telegram-канал · #tarasovweb · #ИльяТарасов

Вернуться к 400 терминам