Встречается на собеседованиях • сегодня
В чем разница между типами селекторов
Селекторы в CSS позволяют выбирать элементы для стилизации. Основные типы:
1. **Простые селекторы**:
- `элемент` (например, `div`) - выбирает все элементы этого типа
- `.класс` (`.header`) - выбирает по классу
- `#id` (`#main`) - выбирает по уникальному id
2. **Комбинаторы**:
- `div p` - потомки (все `
` внутри `
`)
- `div > p` - прямые потомки
- `div + p` - соседний элемент
- `div ~ p` - все следующие соседи
3. **Атрибутные селекторы**:
- `[attr]` - наличие атрибута
- `[attr="value"]` - точное совпадение
4. **Псевдоклассы** (`:hover`, `:nth-child()`) и **псевдоэлементы** (`::before`, `::first-line`)
Пример:
```css
/* Простые селекторы */
button { color: blue; }
.active { background: yellow; }
/* Комбинатор */
nav > ul { list-style: none; }
/* Псевдокласс */
button:hover { cursor: pointer; }
```
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы