Css İlk ve Son Çocuk Ayarları

Css ağaç yapısında tasarlanmıştır. Bu yapıyı kullanarak, bir eleman ait bütün çocuklara özellikler verilebilmekte. Ancak bazen istisnai durumlar olabilmekte ve ilk ve son elemanlara farklı özellikler vermek gerekmektedir. Bu durumda Css’in first-child ve last-child özelliklerinden yararlanmaktayız.


#container #header  a{

background-color: blue;
}

#container #header  a:last-child {
background-color: red;
}

bu örnekte header’a ait tüm <a> taglı elementlerin arkaplan rengi mavi olarak ayarlanmıştır. Sadece son elementin arka plan rengi kırmızı yapılmıştır.