Dlaczego niektóre właściwości CSS nie są stosowane do: odwiedzanych? [duplikować
To pytanie ma już odpowiedź tutaj:
używając: najedź kursorem, aby zmienić kolor obrazu 3 odpowiedziMam kilka stylów linków do naszej witryny, a CSS wygląda następująco:
a:link {
font-family: Verdana, Tahoma, Geneva, sans-serif;
text-decoration: none;
color: #0676b3;
}
a:visited {
color: #666;
text-decoration: underline;
}
a:hover {
color: #fff;
background: #A5C2DB;
border-radius: .1875em;
padding: 0 .1875em;
}
Tutaj jest jsfiddle, aby pokazać, jakie sądomnieman, aby sprawdzić ich różne stany:
a {
display: inline-block;
margin: 10px;
}
/* these styles are for presentation of the link states they are NOT the styles in my stylesheet*/
a.link {
font-family: Verdana, Tahoma, Geneva, sans-serif;
font-size: .875em;
text-decoration: none;
color: #0676b3;
}
a.visited {
color: #666;
text-decoration: underline;
}
a.hover {
color: #fff;
background: #A5C2DB;
border-radius: 0.1875em;
padding: 0 0.1875em;
}
<a class="link">Regular Link</a>
<br />
<a class="visited">Visited Link</a>
<br />
<a class="hover">Hovered Link</a>
: link = niebieski tekst bez dekoracji
: odwiedzone = szary tekst podkreślony
: hover = biały tekst z jasnoniebieskim tłem
The:link
i:hover
działa dobrze, ale z jakiegoś powodu:visited
tan @ odmawia wyświetlenia podkreślenia. w Chrome i Firefox za pomocą firebuga lub inspektora widzę:visited
tyl @ w akcji, a tekst jest w kolorze szarym, tylko odrzucaunderline
stan
Wszelkie pomysły na to, co robię źle?