CSS durum seçicileri (pseudo-classes), belirli durumlarda bir HTML öğesini seçmek için kullanılır. Durum seçicileri, öğenin içinde bulunduğu duruma veya kullanıcı etkileşimine bağlı olarak özel stiller uygulamak için kullanılır.
Örneğin, bir bağlantının üzerine gelindiğinde veya tıklandığında özel bir stil uygulamak için durum seçicileri kullanılabilir.
Örnek: Link Durum Seçicisi
a:link {
color: blue;
}
a:hover {
color: red;
}
a:visited {
color: purple;
}
a:active {
color: green;
}
Bu örnekte:
:link: Henüz ziyaret edilmemiş bağlantıları temsil eder (varsayılan renk mavi).:hover: Bağlantıya fare geldiğinde uygulanan stil (renk kırmızı).:visited: Ziyaret edilmiş bağlantıları temsil eder (renk mor).:active: Bağlantı tıklandığında uygulanan stil (renk yeşil).
Durum seçicileri, interaktif öğelerin kullanıcı etkileşimine yanıt vermesini sağlar ve geniş bir yelpazede kullanılır.