CSS Sözde Sınıf Seçiciler

Sözde Sınıf (pseudo-class) Seçiciler

Sözde sınıf seçilerileri kullanarak; Bir HTML ögesine odaklandığınızda, mouse ile üzerine geldiğinizde, tıkladığınızda ya da bir bağlantıyı ziyaret ettiğinizde nasıl biçimlendirilmesi gerektiğini tanımlayabilirsiniz.

Bir sözde sınıf CSS kuralı oluşturmak için şu sözdizimi kullanılır:

secici:sozde-sinif {
    ozellik: deger;
}

Web bağlantılarına özgü 4 farklı sözde sınıf bulunur: link, visited, hover ve active'dir. Bağlantılara özgü sözde sınıfları kullanarak bir CSS kuralı oluştururken sıralama önemlidir.

 

a:link{background-color:yellow; }-----------------normal hiç tıklanmamış görüntü

a:visited{ background:green;}---------------ziyaret edilmiş tıklanmış link görüntüsü

a:hover{background-color:pink;}------------------------mouse ile üzerine gelinmiş link görüntüsü

a:active{background-color:blue;}-------------------mouse ile link üzerine tıklandığı andaki görüntü

not: seçici olarak sınıf seçici, id seçici veya etiket seçici kullanılabilir.