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

Вы можете обратиться к первому дочернему элементу с помощью псевдокласса :first-child. Например, если у вас есть список ul с несколькими элементами li, вы можете применить стили к первому элементу li следующим образом:

ul li:first-child {
  /* стили для первого элемента li */
}

Это применит стили только к первому элементу li внутри ul. Если у вас есть несколько списков ul на странице, то стили будут применяться только к первому элементу li в каждом списке.