CSS-de klasly çykgyt
Indi özleri klasly çykgytlar bolsun:
<a href="#" class="eee">çykgyt</a>
<a href="#" class="eee">çykgyt</a>
<a href="#" class="eee">çykgyt</a>
Geliň, şeýle klasy bolan çykgytlar üçin stil belgileýäli:
a:link.eee, a:visited.eee {
color: red;
}
a:hover.eee {
text-decoration: none;
}
Çykgyt klassy we ýagdaýlaryň özbaşdak klasslaryny ýazýan tertibiniň hiç hili ähmiýeti ýok. Olary ýerlerini çalşyp bolýar we bu hiç zat üýtgetmez:
a.eee:link, a.eee:visited {
color: red;
}
a.eee:hover {
text-decoration: none;
}
Aşakda berlen koddaky selektor näme saýlaýandygyny düşündiriň. Soňra şu selektora gabat gelýän HTML kody ýazyň. Selektorly kod şu ýerde:
a.zzz {
color: red;
}
a.zzz:hover {
text-decoration: none;
}
Aşakda berlen koddaky selektor näme saýlaýandygyny düşündiriň. Soňra şu selektora gabat gelýän HTML kody ýazyň. Selektorly kod şu ýerde:
#block a.zzz {
color: red;
}
#block a.zzz:hover {
text-decoration: none;
}
Aşakda berlen koddaky selektor näme saýlaýandygyny düşündiriň. Soňra şu selektora gabat gelýän HTML kody ýazyň. Selektorly kod şu ýerde:
.block a.zzz {
color: red;
}
.block a.zzz:hover {
text-decoration: none;
}