CSS :birinci çocuk Seçici
Örnek
Ebeveyninin ilk çocuğu olan her <p> öğesini seçin ve stil verin:
p:first-child
{
background-color: yellow;
}
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
Seçici :first-child
, yalnızca ebeveyninin ilk çocuğu olması durumunda belirtilen seçiciyi seçmek için kullanılır.
Sürüm: | CSS2 |
---|
Tarayıcı Desteği
Tablodaki sayılar, seçiciyi tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Selector | |||||
---|---|---|---|---|---|
:first-child | 4.0 | 7.0 | 3.0 | 3.1 | 9.6 |
CSS Sözdizimi
:first-child {
css declarations;
}
Daha fazla örnek
Örnek
<p> öğesinin üst öğesinin ilk çocuğu olduğu her <p> öğesinin her <i> öğesini seçin ve stillendirin:
p:first-child i
{
background: yellow;
}
Örnek
Listelerdeki ilk <li> öğesini seçin ve stil verin:
li:first-child
{
background: yellow;
}
Örnek
Her <ul> öğesinin ilk alt öğesini seçin ve stillendirin:
ul > :first-child
{
background: yellow;
}
İlgili Sayfalar
CSS eğitimi: CSS Sözde sınıfları