Złożone selektory ze stanami linków w CSS
Wszystkie złożone selektory, które studiowaliśmy wcześniej, można również stosować do linków.
Spójrzmy na przykład. Załóżmy, że nasze
linki znajdują się w bloku z podanym
id:
<div id="block">
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
</div>
Nadajmy style dla linków z tego bloku:
#block a:link, #block a:visited {
color: red;
}
#block a:hover {
text-decoration: none;
}
Zazwyczaj stanów link i visited
się nie rozdziela, więc kod można uprościć
w następujący sposób:
#block a {
color: red;
}
#block a:hover {
text-decoration: none;
}
Opowiedz, co wybiera selektor w podanym poniżej kodzie. Następnie napisz kod HTML, pasujący do tego selektora. Oto kod z selektorem:
#test a {
color: red;
}
#test a:hover {
text-decoration: none;
}
