omportamiento de estilo de @Link en IE6
Me encontré con este problema al probar una hoja de estilo en diferentes navegadores, incluido IE6 (sí, lo sé ...)
<head>
<style>
a:link, a:visited, a:hover, a:active { font-weight: bold; color: #000; text-decoration: underline }
.myclass a { color: red; text-decoration: none; }
</style>
</head>
<body>
<p>This is a <a href="1">test</a></p>
<div class="myclass">
<p>This is a <a href="2">test</a></p>
</div>
</body>
Resultados:
En IE6, el.myclass a
a regla @ solo se aplica al estado de enlace no visitado En otros navegadores (FF, Chrome), el.myclass a
a regla @ se aplica a todos los estados de enlace Creo que IE6 está mal y que.myclass a
, sin pseudo-clases especificadas, debería aplicarse a todos los estados de enlace. Sin embargo me encontré conesta pregunta SO donde dice quea
es equivalente aa:link
. Esto coincidiría con el comportamiento en IE6. Sin embargo, no puedo encontrar ninguna referencia oficial que lo confirme.
¿Cuál es la correcta
Actualizar
omo se señaló en los comentarios, la respuesta aceptada a la pregunta mencionada anteriormente se ha actualizado desde entonce