Hallo,
ich habe versucht mein Problem mal zu vereinfachen. Gehen wir hierfür weiterhin davon aus, dass wir den HTML-Code NICHT verändern können, sondern nur den CSS.
Das Verhalten des ersten Links ist so wie ich es möchte.
Das des zweiten aber nicht. Wenn ich über den zweiten Link hover, dann möchte ich ihn underlined haben. Die Farbe ändert sich zwar, aber die neue text-decoration wird nicht angewendet. Wie kann ich in dem span-tag der Klasse .mytest die decoration nur dort überschreiben?
Danke
<html>
<head>
<style type="text/css">
.myclass p a{
text-decoration:underline;
}
.myclass p a:hover{
text-decoration:none;
}
.mytest a:hover{
color:red;
text-decoration:unterline;
}
</style>
</head>
<body>
<div class="myclass">
<p>
<a href="#">working link</a>
<span class="mytest">
<a href="#">NOT working link when hover</a>
</span>
</p>
</div>
</body>
</html>