текстовое оформление не работает для гостевой ссылки
Я новичок вCSS и пытается понять, как ссылки изменяются в связи с измененным состоянием. По моему сценарию я хочу изменитьtext-decoration
кline-through
когда ссылка включенапосетил государство. Однако ни наMozilla ниХром браузер,text-decoration
текстовое содержание не обновляется сline-through
когда ссылка включенапосетил состояние, как показано ниже. Где я неправ?
Пожалуйста, сообщите, что цвет обновляется (до зеленого), когда состояние ссылки изменилось напосетил в то время какtext-decoration
остается прежним (см. Демо # 1);
Примечание: есть сообщение об ошибке для Mozilla по той же проблеме:Ошибка Mozilla # 645786 и в отчете об ошибке. Проблема также воспроизвести дляtag.class:state
селектор (a.: посетил) (см.Демо № 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>
Демо № 2 - Выбор с классом<!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>