Какими селекторами пользуешься

В CSS использую разные типы селекторов в зависимости от задачи:

1. Базовые селекторы:

   • div - по тегу
   • .class - по классу
   • #id - по id (использую редко)

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

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

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

   • [type="text"]
   • [href^="https"]

4. Псевдоклассы и псевдоэлементы:

   • :hover, :focus
   • ::before, ::after

Пример:

.nav > li:first-child {
  color: red;
}

input[type="text"]:focus {
  border-color: blue;
}

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