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

Какие знаешь селекторы в CSS

Селекторы в CSS позволяют выбирать элементы для стилизации. Основные типы: 1. **Простые селекторы**: - По тегу: `div { ... }` - По классу: `.my-class { ... }` - По id: `#my-id { ... }` 2. **Комбинаторы**: - Потомки: `div p { ... }` (все `

` внутри `

`) - Дочерние: `div > p { ... }` (только прямые потомки) - Соседние: `h1 + p { ... }` (первый `

` после `

`) - Родственные: `h1 ~ p { ... }` (все `

` после `

`) 3. **Атрибутные**: - `[type="text"] { ... }` (по атрибуту) - `[href^="https"] { ... }` (начинается с) - `[href$=".pdf"] { ... }` (заканчивается на) 4. **Псевдоклассы**: - `:hover`, `:focus`, `:nth-child(n)` 5. **Псевдоэлементы**: - `::before`, `::after`, `::first-line` Пример: ```css /* Стилизуем кнопки с классом 'btn' и атрибутом disabled */ .btn[disabled] { opacity: 0.5; cursor: not-allowed; } /* Стиль для второго элемента списка */ ul li:nth-child(2) { color: red; } ```

Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

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

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

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