Как обратиться ко второму элементу CSS

В CSS есть несколько способов обращения ко второму элементу.

1. По индексу:

/* обращаемся ко второму div на странице */
div:nth-of-type(2) {
  /* стили для второго div */
}

2. Используя селектор класса или ID:

/* обращаемся ко второму элементу со стилем "my-class" */
.my-class:nth-of-type(2) {
  /* стили для второго элемента с классом "my-class" */
}

/* обращаемся ко второму элементу со стилем "my-id" */
#my-id:nth-of-type(2) {
  /* стили для второго элемента с ID "my-id" */
}

3. Используя комбинированные селекторы:

/* обращаемся ко второму элементу, являющемуся потомком элемента с ID "parent-id" */
#parent-id > *:nth-child(2) {
  /* стили для второго потомка элемента с ID "parent-id" */
}

Используйте тот способ, который лучше всего подходит для вашей задачи и структуры HTML-документа.