Встречается на собеседованиях • сегодня

Как повысить приоритет 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` – это усложняет поддержку кода. Лучше оптимизировать структуру селекторов.
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы