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.

Reklamlar

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Connecting to %s