Apply style to the first child of the element

CSS’te istediğimiz elemanı seçmek biraz dertli olabilir.

Aşağıdaki HTML’e odaklanın

<div>
  <h2>First sub header</h2>
  <p>Content</p>
  <h2>Second sub header</h2>
  <p>Content</p>
</div>

Bunun ilk öğesini seçmek istiyorsanız, aşağıdaki selector’ü kullanabilirsiniz.

div {
  *:first-child {
    margin-top: 0;
  }
}

Yalnızca ilk öğenin h2 olması durumunda stil uygulamak istiyorsanız, :is() selector ekleyebilirsiniz.

div {
  *:first-child:is(h2) {
    margin-top: 0;
  }
}