Komplexe Selektoren mit Link-Zuständen in CSS
Alle komplexen Selektoren, die wir zuvor gelernt haben, können auch auf Links angewendet werden.
Schauen wir uns ein Beispiel an. Nehmen wir an, unsere
Links befinden sich in einem Block mit einer festgelegten
id:
<div id="block">
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
</div>
Lassen Sie uns Stile für die Links aus diesem Block festlegen:
#block a:link, #block a:visited {
color: red;
}
#block a:hover {
text-decoration: none;
}
In der Regel werden die Zustände link und visited
nicht getrennt, daher kann der Code wie folgt
vereinfacht werden:
#block a {
color: red;
}
#block a:hover {
text-decoration: none;
}
Erklären Sie, was der Selektor im unten angegebenen Code auswählt. Schreiben Sie dann den HTML-Code, der zu diesem Selektor passt. Hier ist der Code mit dem Selektor:
#test a {
color: red;
}
#test a:hover {
text-decoration: none;
}
