Sözde Sınıf Seçicileri-Sözde Link Sınıfı Css Ders 7
Sözde sınıf seçicileri iki çeşittir. 1-Sözde Link Sınıfı 2-Sözde Dinamik Sınıfı
1-Sözde Link Sınıfı: İki farklı özelliği vardır.Linkin normal konumu(a:link{color:red}) ve ziyaret ediltikten sonraki durumu(a:visited{color:blue}).
Örnek:
Aşağıdaki kodları notpad’de yazıp a.css olarak kaydediyoruz.
[code language=”csharp”]
a:link {color: red}
a:visited {color: blue}’Daha fazla bilgi için : <a href="https://www.gorselprogramlama.com">www.gorselprogramlama.com</a>
[/code]
Aşağıdaki kodları notpad’de yazıp index.html olarak kaydediyoruz
[code language=”csharp”]
<html>
<head><title>www.gorselprogramlama.com</title>
<style type="text/css">
@import "a.css";
</style></head>
<body>
<a href=https://www.gorselprogramlama.com>gorselprogramlama</a>
</body>
</html>
[/code]
index.html dosyasını çalıştıralım
Yukarıdaki kodları açıklamaya çalışalım.Önce css dosyasından başlayalım.
a:link {color: red} : linkin yazı rengi normal durumda kırmızı renkte olsun.
a:visited {color: blue} : linkin yazı rengi ziyaret edildikten sonra mavi renkte olsun.
Ziyaret edilen sitelerin yazı rengi mavi ,ziyaret edilmeyenlerin ise kırmızı renkte olur.
Daha fazla bilgi için : www.gorselprogramlama.com