CSS :visited sahte sınıfı
- Önceki sayfa :valid
- Sonraki sayfa :where()
- Üst seviyeye dön CSS伪类Referans Kılavuzu
Tanım ve kullanım
CSS :visited
Sahte sınıflar, ziyaret edilmiş bağlantı stillerini ayarlamak için kullanılır.
İpucu:Kullanım: :link
Ziyaret edilmemiş sayfanın bağlantı stillerini ayarlamak için lütfen :hover
Fare ile üzerindeyken bağlantı stillerini ayarlamak için lütfen :active
Tıklama anındaki bağlantı stillerini ayarlayın.
Dikkat:Bağlantı stillerini doğru bir şekilde ayarlamak için lütfen :visited
kuralların yerleştirileceği :link
kuralların ardından, ancak :hover
ve :active
kurallar öncesinde.
İzin verilen stiller şunları içerir:
- color
- arka plan rengi
- border-color (ve her kenarın border-color'u)
- çizgi etrafı rengi
- column-rule-color
- text-decoration-color
- text-emphasis-color
- SVG özellikleri fill ve stroke
Örnek
Örnek 1
Ziyaret edilmiş bağlantı stillerini seçin ve ayarlayın:
a:visited { color: pink; }
Örnek 2
Ziyaret edilmemiş, ziyaret edilmiş, fare ile üzerinde ve aktif bağlantı stillerini seçin ve ayarlayın:
/* Ziyaret edilmemiş bağlantı */ a:link { color: green; } /* Ziyaret edilmiş bağlantı */ a:visited { color: green; } /* Fare ile üzerinde olan bağlantı */ a:hover { color: red; } /* Aktif bağlantı */ a:active { color: yellow; }
Örnek 3
Bağlantılara farklı stiller uygulayın:
a.ex1:hover, a.ex1:active { color: red; } a.ex2:hover, a.ex2:active { font-size: 150%; }
CSS dilbilgisi
:visited { css declarations; }
Teknik ayrıntılar
Sürüm: | CSS1 |
---|
Tarayıcı desteği
Tabloda belirtilen sayılar, bu sahte sınıfı tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1 | 12 | 2 | 3.1 | 9.6 |
İlgili sayfalar
Rehber:CSS bağlantıları
Rehber:CSS sahte sınıfları
- Önceki sayfa :valid
- Sonraki sayfa :where()
- Üst seviyeye dön CSS伪类Referans Kılavuzu