Selectori complexe cu stări ale linkurilor în CSS
Toți selectorii complecși pe care i-am studiat anterior pot fi aplicați și linkurilor.
Să ne uităm la un exemplu. Să presupunem că
linkurile noastre se află într-un bloc cu un
id dat:
<div id="block">
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
</div>
Să setăm stiluri pentru linkurile din acest bloc:
#block a:link, #block a:visited {
color: red;
}
#block a:hover {
text-decoration: none;
}
De obicei, stările link și visited
nu sunt separate, așa că codul poate fi simplificat
după cum urmează:
#block a {
color: red;
}
#block a:hover {
text-decoration: none;
}
Spuneți ce selectează selectorul din codul de mai jos. Apoi scrieți codul HTML potrivit pentru acest selector. Iată codul cu selectorul:
#test a {
color: red;
}
#test a:hover {
text-decoration: none;
}
