CSS-də Keçid Vəziyyətləri ilə Mürəkkəb Selektorumlar
Əvvəllər öyrəndiyimiz bütün mürəkkəb selektorlar keçidlər üçün də tətbiq edilə bilər.
Nümunəyə baxaq. Fərz edək ki, keçidlərəmiz
müəyyən edilmiş id olan blokdadır:
<div id="block">
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
</div>
Gəlin bu blokdakı keçidlər üçün stil təyin edək:
#block a:link, #block a:visited {
color: red;
}
#block a:hover {
text-decoration: none;
}
Bir qayda olaraq, link və visited
vəziyyətləri ayrılmır, buna görə də kodu aşağıdakı kimi
sadələşdirmək olar:
#block a {
color: red;
}
#block a:hover {
text-decoration: none;
}
Aşağıdakı kodda selektorun nəyi seçdiyini izah edin. Sonra bu selektora uyğun gələn HTML kodu yazın. Selektor kodu:
#test a {
color: red;
}
#test a:hover {
text-decoration: none;
}
