Селекторы CSS: таргетинг на элементы списка, которые не являются первым дочерним элементом

Фраза «li not first child» — это селектор CSS, предназначенный для элементов списка (li), которые не являются первым дочерним элементом родительского элемента. Другими словами, он выбирает элементы списка, которые не являются первыми в списке.

Вот несколько способов добиться такого выделения с помощью CSS:

Метод 1: использование псевдокласса :notи псевдокласса :first-child:

li:not(:first-child) {
  /* Styles for list items that are not the first child */
}

Метод 2: использование псевдокласса :notи псевдокласса :first-of-type:

li:not(:first-of-type) {
  /* Styles for list items that are not the first child */
}

Метод 3: использование псевдокласса :notи соседнего одноуровневого селектора (+):

li + li {
  /* Styles for list items that are not the first child */
}

Метод 4. Использование псевдокласса :notи общего селектора одного уровня (~):

li ~ li {
  /* Styles for list items that are not the first child */
}

Метод 5. Использование JavaScript/jQuery:

// JavaScript
const listItems = document.querySelectorAll('li:not(:first-child)');
listItems.forEach(item => {
  // Apply styles or perform actions on list items that are not the first child
});
// jQuery
$('li:not(:first-child)').css({
  // Apply styles to list items that are not the first child
});