Складаныя селектары з станамі спасылак у CSS
Усе складаныя селектары, якія мы вывучалі раней, можна ўжываць і для спасылак.
Давайце паглядзім на прыкладзе. Хай нашы
спасылкі знаходзяцца ў блоке з зададзеным
id:
<div id="block">
<a href="#">спасылка</a>
<a href="#">спасылка</a>
<a href="#">спасылка</a>
</div>
Давайце задамо стылі для спасылак з гэтага блока:
#block a:link, #block a:visited {
color: red;
}
#block a:hover {
text-decoration: none;
}
Як правіла, станы link і visited
не падзяляюць, таму код можна спрасціць
наступным чынам:
#block a {
color: red;
}
#block a:hover {
text-decoration: none;
}
Раскажыце, што выбірае селектар у прыведзеным ніжэй кодзе. Затым напішыце HTML код, які падыходзіць пад гэты селектар. Вось код з селектарам:
#test a {
color: red;
}
#test a:hover {
text-decoration: none;
}