la decoración de texto no funciona para el enlace de estado visitado
Soy nuevo enCSS y tratando de entender cómo se modifican los enlaces debido al estado cambiado. En mi escenario, quiero cambiar eltext-decoration
alline-through
cuando el enlace está activadovisitó estado. Sin embargo, tampoco enMozilla niCromo navegador,text-decoration
del contenido de texto no actualizado conline-through
cuando el enlace está activadovisitó estado, que se muestra a continuación. ¿Qué hice mal?
Notifique que el color se actualiza (a verde) cuando el estado del enlace cambió avisitó mientras que latext-decoration
permanece igual (ver. Demo # 1);
Nota: Hay un informe de error para Mozilla sobre el mismo problema:Mozilla Bug # 645786 y en el informe de error. El problema también se reproduce paratag.class:state
selector (a .: visitado) (verDemo # 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 --Selector con clase<!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>