Что такое CSS-селекторы? Назовите основные виды

Question

Accepted Answer

## Виды селекторов

**CSS-селектор** — часть правила, которая выбирает элементы для стилизации.

- **Universal**: `*`
- **Type**: `ul`, `td`
- **ID**: `#id`
- **Class**: `.box`
- **Descendant**: `#id .box` — `.box` не обязан быть прямым потомком
- **Child**: `#id > .box` — только прямые дети
- **General sibling**: `~`
- **Adjacent sibling**: `+` — только непосредственный сосед
- **Attribute**: `input[type="text"]`
- **Pseudo-class**: `a:hover` — состояние элемента
- **Pseudo-element**: `.container::before` — «виртуальная» часть / вставка через `content`

```css
nav > ul a[href^="https"]:hover::after {
  content: " ↗";
}
```

## Итог

Селектор отвечает на вопрос «к кому применить», свойства — «что изменить».