CSS ile Tıklanan Linklerin Renklerini Belirleme

css-link-visitedSitemizde bulunan linkler default olarak tıklanmadan mavi tıklandıktan sonra da mor renkli olarak gözükmektedir. Bu yan yana bulunan linklerin  farklı renklerde görünmesine sebep olabiliyor, bu da çirkin bir tablo oluşturuyor.

Bu yüzden CSS üzerinden visited özelliğini kullanarak linklere tıklandıktan sonra belirlediğimiz rengin görünmesini sağlayabiliriz.

Eğer tıkladıktan sonra değişmesini istemiyorsak color’a doğrudan Blue atayabiliriz.

a:visited{
color: Blue;
}

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.