2009-08-26 23 views
17

nasıl sadece zaten visited olmuştur ve fare tarafından hover ediliyor köprülere bir font color başvurabilir?CSS - a: visit: hover?

Esasen, ne yapmak istiyorum

a:visited:hover {color: red} 
+0

Bu, FF'de değil, IE 6'da çalışıyor gibi görünüyor. IE 6 için herhangi bir iş var mı? –

cevap

18

Evet bu mümkün olmasıdır. vurgulu bir sonra gelmelidir:

<style type="text/css"> 
    a:link:hover {background-color:red} 
    a:visited:hover {background-color:blue} 
</style> 

<a href="http://www.google.com/">foo</a><a href="http://invalid/">bar</a> 
+0

Tüm tarayıcılarda destekleniyor mu? Firefox 3.5'da çalışmaz gibi görünmüyor. –

+0

Benim için FFox 3.5 ve IE7 üzerinde çalıştım, ancak IE6 değil. – jimyi

+0

FF 3.5'de çalıştığı anlaşılıyor. IE 6 için herhangi bir iş var mı? –

1

etkili olması bağlantı css arasında bir dizi .. bir vardır: İşte

bir örnek bağlantı ve a: ziyaret etti ve bir a sonra gelmelidir aktif: sadece color (Krom/FF) a:visited:hover hakkındaki bu temel bildirmek olmadan

http://www.w3schools.com/css/css_pseudo_classes.asp

+1

'da% 1'den daha az kullanılırken, bu genel olarak iyi bir tavsiye olsa da, bu soru için geçerli değildir. Bir öğeye uygulanan diğer sözde emirden (veya varoluşundan) bahsetmek için hiçbir şey yoktur ve “a: ziyaret edilen: vurgun” cevabında bahsettiğiniz seçmenlerden daha spesifiktir (ve soru kural IE6'da uygulanmamakta, diğer kuralları geçersiz kılmamakta). – Quentin

+0

Sevgili Quentin i Yorumunuzu takdir ama sonrası çözüm i düzeltmek ve diğer insanların aynı sorunla karşı karşıya çünkü ben yayınlandıktan sonra birçok kişi tarafından yüz hatta ben de aynı sıralama sorunuyla karşı karşıya olduğunu en yaygın sorundur. – user3110896

+0

Yaygın bir sorun olsa da, sorulmakta olan sorun değildir. – Quentin

0

FWIW, ben stil edemedi .. linki aşağıda atıfta fazla ayrıntı için hover :link:hover için (none veya inherit'dan başka bir şey işe yarayacak gibi görünüyor, alfa uğruna için rgba() kullandım). Bunun için

Krom/FF çalışmak:

a:visited:hover { 
    color: #f00; 
} 

... (gibi bir şey) bu mevcut olması gerekir: Bu düzgün çalışması için bir css beyanı siparişi var

a:link:hover { 
    background-color: rgba(255, 255, 255, 0); 
} 
1

Daha önce de belirtildiği gibi, bu özel seçeneği kapsamadığı halde, bir fark yaratıyor. Bunu Chrome'da test ettim.

sipariş

a:link { color: red; } 
    a:visited { color: blue; } 
    a:visited:hover { color: yellow; } 
    a:hover { color: green; } 
    a:active { color: gray; } 

olan O önce veya sonra gelen olup olmadığını çalışacaktır: sürece hover olarak hem: hover ve a: ziyaret etti ve bir önceki: Aktif ziyaret: Bir sonraki vurgulu vardır. Sadece iki ziyaret edilen bağlantıyı ve iki uçakları bir arada tutmayı tercih ediyorum.