Selektorët kompleks me gjendje të lidhjeve në CSS
Të gjithë selektorët kompleksë që kemi studiuar më parë, mund të zbatohen edhe për lidhjet.
Le të shohim një shembull. Le të supozojmë që lidhjet
tona janë në një bllok me një
id të caktuar:
<div id="block">
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
</div>
Le të përcaktojmë stilet për lidhjet nga ky bllok:
#block a:link, #block a:visited {
color: red;
}
#block a:hover {
text-decoration: none;
}
Si rregull, gjendjet link dhe visited
nuk ndahen, prandaj kodi mund të thjeshtohet
si më poshtë:
#block a {
color: red;
}
#block a:hover {
text-decoration: none;
}
Shpjegoni, çfarë zgjedh selektori në kodin e dhënë më poshtë. Pastaj shkruani kodin HTML që i përshtatet këtij selektori. Ja kodi me selektorin:
#test a {
color: red;
}
#test a:hover {
text-decoration: none;
}
