Врска со класа во CSS
Нека сега самите врски имаат класа:
<a href="#" class="eee">link</a>
<a href="#" class="eee">link</a>
<a href="#" class="eee">link</a>
Ајде да доделиме стилови за врски кои имаат таква класа:
a:link.eee, a:visited.eee {
color: red;
}
a:hover.eee {
text-decoration: none;
}
Не е важно во кој редослед се пишува класата на врската и псевдокласите на состојбите. Може да ги смените местата и од тоа ништо нема да се промени:
a.eee:link, a.eee:visited {
color: red;
}
a.eee:hover {
text-decoration: none;
}
Кажете што одбира селекторот во дадениот код подолу. Потоа напишете HTML код, кој одговара на овој селектор. Еве го кодот со селекторот:
a.zzz {
color: red;
}
a.zzz:hover {
text-decoration: none;
}
Кажете што одбира селекторот во дадениот код подолу. Потоа напишете HTML код, кој одговара на овој селектор. Еве го кодот со селекторот:
#block a.zzz {
color: red;
}
#block a.zzz:hover {
text-decoration: none;
}
Кажете што одбира селекторот во дадениот код подолу. Потоа напишете HTML код, кој одговара на овој селектор. Еве го кодот со селекторот:
.block a.zzz {
color: red;
}
.block a.zzz:hover {
text-decoration: none;
}
