Povezava z razredom v CSS

Naj imajo sedaj same povezave razred:

html<a href="#" class="eee">povezava</a>
<a href="#" class="eee">povezava</a>
<a href="#" class="eee">povezava</a>

Nastavimo sloge za povezave, ki imajo tak razred:

cssa:link.eee, a:visited.eee {
  color: red;
}
a:hover.eee {
  text-decoration: none;
}

Ni pomembno, v kakšnem vrstnem redu napišemo razred povezave in psevdorazrede stanj. Lahko jih zamenjamo in nič se ne spremeni:

cssa.eee:link, a.eee:visited {
  color: red;
}
a.eee:hover {
  text-decoration: none;
}

Задание 1

Povejte, kaj izbira selektor v spodnji kodi. Nato napišite HTML kodo, ki ustreza temu selektorju. Tukaj je koda s selektorjem:

cssa.zzz {
  color: red;
}
a.zzz:hover {
  text-decoration: none;
}

Задание 2

Povejte, kaj izbira selektor v spodnji kodi. Nato napišite HTML kodo, ki ustreza temu selektorju. Tukaj je koda s selektorjem:

css#block a.zzz {
  color: red;
}
#block a.zzz:hover {
  text-decoration: none;
}

Задание 3

Povejte, kaj izbira selektor v spodnji kodi. Nato napišite HTML kodo, ki ustreza temu selektorju. Tukaj je koda s selektorjem:

css.block a.zzz {
  color: red;
}
.block a.zzz:hover {
  text-decoration: none;
}