Назад к вопросам
Junior
68
questionbank
Какие отличия между классами и ID в CSS ты знаешь?
Sobes Copilot
Получайте ответы в реальном времени
Ответ от нейросети
sobes.tech AI
- Уникальность: ID уникален на странице, класс может применяться к нескольким элементам.
- Приоритет специфичности: ID имеет более высокий приоритет специфичности (100) по сравнению с классом (10).
- Селекторы: Селектор ID обозначается
#, селектор класса -.. - Применение: ID обычно используется для стилизации отдельных, уникальных элементов (например, хедера, футера), классы для стилизации групп элементов с общими свойствами (например, кнопок разного цвета).
/* Стилизация по ID - применяется только к одному элементу */
#header {
background-color: blue;
}
/* Стилизация по классу - применяется к нескольким элементам */
.button-primary {
color: white;
background-color: green;
}
| Признак | Класс | ID |
|---|---|---|
| Уникальность | Не уникален | Уникален |
| Приоритет | 10 | 100 |
| Синтаксис | .имя-класса |
#имя-id |
| Применение | Группы элементов | Уникальные элементы |