Какие знаешь CSS Selector

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

1. Простые селекторы:

   • div - по тегу
   • .class - по классу
   • #id - по id

2. Комбинаторы:

   • div p - потомки
   • div > p - прямые потомки
   • div + p - соседний элемент
   • div ~ p - все следующие соседи

3. Атрибутные селекторы:

   • [type="text"] - точное совпадение
   • [href^="https"] - начинается с
   • [href$=".pdf"] - заканчивается на

4. Псевдоклассы:

   • :hover, :focus - состояния
   • :nth-child(2n) - позиция в родителе

5. Псевдоэлементы:

   • ::before, ::after - генерируемый контент

Пример:

/* Стили для нечётных элементов списка */
ul li:nth-child(odd) {
  color: blue;
}