Какие бывают селекторы

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

   • #id – по id
   • .class – по классу
   • div – по тегу
   • * – универсальный

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

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

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

   • [href] – наличие атрибута
   • [href="url"] – точное значение
   • [href^="https"] – начинается с
   • [href$=".pdf"] – заканчивается на

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

   • :hover, :focus – состояния
   • :nth-child(2) – позиция

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

   • ::before, ::after – контент

Пример:

/* Стили для ссылок, начинающихся на https */
a[href^="https"] {
  color: green;
}