2012-08-26 10 views
5

Moje HTML:Dlaczego ta odwieszona <a> kotwica zawsze jest fioletowa?

<!DOCTYPE html> 
<html> 
    <head> 
     <style type="text/css"> 
      /* Make all anchors and variations plain black text color */ 
      a, 
      a:link, 
      a:hover, 
      a:focus, 
      a:active, 
      a:selected, 
      a:visited 
      { 
       color:#000000; 
      } 
     </style> 
    </head> 
    <body> 
     <a href="#">This is a visited link that is puple</a> 
    </body> 
</html> 

Kiedy odwiedzić tę stronę i kliknij na link, kolor fioletowy tekst jest jak domyślnego koloru odwiedzanej link. Jak to może być? Jak mogę uczynić tekst czarnym w każdych okolicznościach?

Powtarza się w Chrome i IE9; nie zadawałem sobie jeszcze trudu, aby przetestować cokolwiek innego.

+1

'a {color: # 000; } 'jest wystarczające – Peter

+1

Nie musisz tego robić nadpisując. Po prostu użyj 'a {color: black; } '. Jeśli tego nie zrobisz, to * naprawdę * zdenerwuje cię w przyszłości. (Nonsens, jak 'p a' nie stosujący' color'.) – Ryan

Odpowiedz

9

Usuń a:selected z definicji css. To naprawiło to dla mnie. Nigdy nie słyszałem o :selected. Czy jest to udokumentowane w dowolnym miejscu?

+0

Heh to jest to, co dostaję za kopiowanie/wklejanie losowego kodu w Internecie. Twoje zdrowie. – tenfour

+0

Może zobaczyłeś '.selected', który jest często używany w menu, gdzie" wybrany "element dostaje klasę" wybraną ". Ale jeśli tylko skopiowałeś, losowy kod był nieprawidłowy;) – Jens

+0

Prawdopodobnie masz rację co do '.selected' vs.': selected'. Jak wrażliwy może być CSS (np. Pozostawiając sprowadzony przecinek po ostatnim selektorze), jestem zaskoczony, że błędy składni CSS nie są prezentowane bardziej rażąco. Witamy również w Stack Overflow! – tenfour

5

Ponieważ a:selected nie istnieje. Usunąć to!

0

Usunięcie a: wybrane, wydaje się, że to naprawiono. Nie wiem, dlaczego jest to poprawna opcja na znaczniku zakotwiczenia.

Korekta: a: wybrana nie jest ważna, ale a.selected jest oczywiście ważna. Przepraszam za to, ale tak czy inaczej usunięcie: selected naprawi problem.

Fiddler Example