Встречается на собеседованиях • сегодня
Как повысить приоритет CSS Selector
В CSS можно повысить приоритет селектора несколькими способами:
1. **Использование ID** – самый высокий приоритет:
`#header { color: red; }`
2. **Увеличение специфичности** через комбинацию классов/атрибутов:
`.nav.active { font-weight: bold; }`
3. **Inline-стили** (выше любого CSS, кроме `!important`):
`
...
`
4. **Ключевое слово `!important`** (используйте осторожно!):
`.text { color: green !important; }`
Пример приоритетов (от высокого к низкому):
1. `!important`
2. Inline-стили
3. ID (`#element`)
4. Классы/атрибуты (`.class`, `[type="text"]`)
5. Теги/псевдоэлементы (`div`, `::before`)
Совет: избегайте частого использования `!important` – это усложняет поддержку кода. Лучше оптимизировать структуру селекторов.
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы