CSS :first-child sahte sınıfı

Tanım ve kullanım

CSS :first-child Sahte sınıflar, ebeveyn öğesinin ilk alt öğesi olarak tanımlanan elementleri seçmek için kullanılır (kardeş elementler grubunda).

Örnek

Örnek 1

Her <p> öğesinin tarzını seçin ve ayarlayın, bu öğeler ebeveyn öğesinin ilk alt öğesi olarak tanımlanır:

p:first-child {
  background-color: yellow;
}

Kendi kendine deneyin

Örnek 2

Her <i> öğesinin tarzını seçin ve ayarlayın, bu öğeler ebeveyn öğesinin ilk alt öğesi olarak tanımlanır:

i:first-child {
  background: yellow;
}

Kendi kendine deneyin

Örnek 3

Listedeki ilk <li> öğesinin tarzını seçin ve ayarlayın:

li:first-child {
  background: yellow;
}

Kendi kendine deneyin

Örnek 4

Her <ul> öğesinin ilk alt öğesinin tarzını seçin ve ayarlayın:

ul > :first-child {
  background: yellow;
}

Kendi kendine deneyin

CSS dilbilgisi

:first-child {
  css ifadeleri;
}

Teknik ayrıntılar

Tarayıcı desteği

Tablodaki rakamlar, bu sahte sınıfın ilk destekleyen tarayıcı sürümünü belirtir.