: first-child (селектор CSS)

Описание

Этот псевдокласс соответствует элементу, только если это первый дочерний элемент его родительского элемента. Например, li: first-child соответствует первому элементу списка в элементе ol или ul. Это не соответствует первому дочернему элементу списка.

Например, давайте возьмем CSS-селектор, упомянутый выше:

li:first-child { ⋮ declarations } 

И давайте применим его к следующей разметке:

  <UL>
   <li> Этот элемент соответствует селектору li: first-child. </ li>
   <li> Этот элемент не соответствует этому селектору. </ li>
   <li> Ни один не делает этого. </ li>
 </ UL> 

Только первый элемент элемента списка соответствует.

Обратите внимание, что этот псевдокласс применяется только к элементам — он не применяется к анонимным полям, сгенерированным для текста.

пример

Этот пример селектора соответствует
первый элемент списка в ol или ul
элемент:

 li:first-child { ⋮ declarations }