В CSS есть несколько способов обращения ко второму элементу.
- По индексу:
/* обращаемся ко второму div на странице */
div:nth-of-type(2) {
/* стили для второго div */
}
- Используя селектор класса или ID:
/* обращаемся ко второму элементу со стилем "my-class" */
.my-class:nth-of-type(2) {
/* стили для второго элемента с классом "my-class" */
}
/* обращаемся ко второму элементу со стилем "my-id" */
#my-id:nth-of-type(2) {
/* стили для второго элемента с ID "my-id" */
}
- Используя комбинированные селекторы:
/* обращаемся ко второму элементу, являющемуся потомком элемента с ID "parent-id" */
#parent-id > *:nth-child(2) {
/* стили для второго потомка элемента с ID "parent-id" */
}
Используйте тот способ, который лучше всего подходит для вашей задачи и структуры HTML-документа.
