Link Seçicileri

Link seçicileri link elemanının farklı durumları için farklı biçimlendirmeler yapmak için kullanılır.


:link

Bu seçici ile link elemanının ziyaret edilmemiş hali seçilmiş olur. Link ziyaret edilmemişse bu biçimlendirme uygulanır.


:visited

Bu seçici ile link elemanının ziyaret edilmiş hali seçilmiş olur. Link daha önceden ziyaret edilmişse bu biçimlendirme uygulanır.


:hover

Bu seçici ile farenin link elemanının üzerinde bulunduğu durum seçilmiş olur. Fare imleci linkin üzerindeyken bu biçimlendirme uygulanır.


:active

Bu seçici ile linkin aktif olduğu durum seçilmiş olur. Linke tıklandığı anda bu biçimlendirme görülür.

<!DOCTYPE html>
<html>
<head>
<title>CSS Nitelik Seçicileri</title>
<style>
a:link{
color:blue;
}
a:visited{
color:red;
}
a:hover{
color:lime;
}
a:active{
color:yellow;
}
</style>
</head>
<body>
    <a href="http://www.google.com">Google</a>
</body>
</html>

Bu seçiciler bir elemanla kullanıcağında yukarıdaki sırayla yazılmalıdır.