junior
Что такое селектор?
Селектор — это правило, на основании которого браузер выбирает элементы в HTML-документе для применения к ним определённых стилей.
Аналогия из жизни: селектор — это как адрес на конверте. Письмо (стили) дойдёт только до того получателя (элемента), чей адрес (селектор) указан.
Структура CSS-правила
Пример
p {
text-align: center;
font-size: 20px;
}
| Часть | Пример | Описание |
|---|---|---|
| Селектор | p |
Указывает, к каким элементам применить стили |
| Свойство | text-align, font-size |
Что именно стилизуем |
| Значение | center, 20px |
Какое значение задаём |
Один селектор может содержать несколько объявлений (пар свойство-значение), и несколько селекторов могут быть объединены через запятую:
Пример
h1, h2, h3 {
color: navy;
font-family: Arial, sans-serif;
}
На собеседовании: интервьюер ожидает чёткое определение и понимание структуры CSS-правила. Частая ошибка — путать селектор с самим CSS-правилом целиком.