decoração de texto não funciona no link do estado visitado
Eu sou novo emCSS e tentando entender como os links são modificados devido ao estado alterado. No meu cenário, quero mudar otext-decoration
aoline-through
quando o link está ativadovisitou Estado. No entanto, nem noMozilla nemcromada navegador,text-decoration
do conteúdo do texto não atualizado comline-through
quando o link está ativadovisitou estado, mostrado como abaixo. Onde foi que eu errei?
Notifique que a cor é atualizada (para verde) quando o estado do link foi alterado paravisitou enquanto otext-decoration
permanece o mesmo (veja. Demo # 1);
Nota: Há um relatório de bug para o Mozilla sobre o mesmo problema:Erro do Mozilla # 645786 e no relatório de erros. O problema também se reproduz para otag.class:state
seletor (a.:visitado) (consulteDemo # 2)
<!DOCTYPE html>
<html>
<head>
<style>
a:link {
color: red;
text-decoration: none;
}
a:visited {
color: green;
text-decoration: line-through;
}
a:hover {
color: blue;
}
a:active {
color: yellow;
}
</style>
</head>
<body>
<p>
<b>
<a href="http://google.com" target="_blank">This is a link</a>
</b>
</p>
</body>
</html>
Demo # 2 --Seletor com classe<!DOCTYPE html>
<html>
<head>
<style>
a.linkClass:link {
color: red;
text-decoration: none;
}
a.linkClass:visited {
color: green;
text-decoration: line-through;
}
a.linkClass:hover {
color: blue;
}
a.linkClass:active {
color: yellow;
}
</style>
</head>
<body>
<p>
<b>
<a class="linkClass" href="http://google.com" target="_blank">This is a link</a>
</b>
</p>
</body>
</html>