Зачем нужны селекторы

Селекторы в CSS позволяют точно выбрать элементы HTML для стилизации. Они определяют, к каким элементам применятся правила.

Основные типы селекторов:

• Элемент (div, p) – выбирает все элементы указанного типа.
• Класс (.class) – выбирает элементы с указанным классом.
• ID (#id) – выбирает один уникальный элемент по ID.
• Атрибут ([type="text"]) – выбирает элементы с определённым атрибутом.
• Комбинаторы (div > p, ul + li) – уточняют вложенность или соседство.

Пример:

.button {  
  background: blue;  
}  

#submit-button {  
  color: white;  
}  

nav > ul {  
  display: flex;  
}  

Селекторы помогают избежать дублирования кода и делают стилизацию гибкой.