CSS'te Bağlantı Durumlarıyla Karmaşık Seçiciler
Daha önce çalıştığımız tüm karmaşık seçiciler, bağlantılar için de kullanılabilir.
Bir örnek üzerinden inceleyelim. Bağlantılarımızın
belirli bir id'ye sahip bir blok içinde olduğunu varsayalım:
<div id="block">
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
</div>
Şimdi bu bloktaki bağlantılar için stiller belirleyelim:
#block a:link, #block a:visited {
color: red;
}
#block a:hover {
text-decoration: none;
}
Kural olarak, link ve visited durumları
ayrılmaz, bu nedenle kod aşağıdaki şekilde basitleştirilebilir:
#block a {
color: red;
}
#block a:hover {
text-decoration: none;
}
Aşağıdaki kodda seçicinin ne seçtiğini anlatın. Ardından bu seçiciye uygun HTML kodunu yazın. İşte seçici içeren kod:
#test a {
color: red;
}
#test a:hover {
text-decoration: none;
}
