Vichaguzi Vilivyochanganyika na Hali za Viungo kwenye CSS
Vichaguzi vyote vilivyochanganyika ambavyo tumevisoma awali, vinaweza pia kutumika kwa viungo.
Tuangalie kwa mfano. Hebu tuache viungo vyetu
vikue kwenye kizuizi kilicho na
id iliyopewwa:
<div id="block">
<a href="#">kiungo</a>
<a href="#">kiungo</a>
<a href="#">kiungo</a>
</div>
Wacha tuweke mitindo kwa viungo kutoka kwenye kizuizi hiki:
#block a:link, #block a:visited {
color: red;
}
#block a:hover {
text-decoration: none;
}
Kwa kawaida, hali za link na visited
hazitenganishwi, kwa hivyo msimbo unaweza kurahisishwa
kama ifuatavyo:
#block a {
color: red;
}
#block a:hover {
text-decoration: none;
}
Eleza, kichaguzi kinachochagua nini katika msimbo ulio hapa chini. Kisha andika msimbo wa HTML unaofaa kulingana na kichaguzi hiki. Huu ni msimbo na kichaguzi:
#test a {
color: red;
}
#test a:hover {
text-decoration: none;
}
