Врска со класа во CSS

Нека сега самите врски имаат класа:

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

Ајде да доделиме стилови за врски кои имаат таква класа:

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

Не е важно во кој редослед се пишува класата на врската и псевдокласите на состојбите. Може да ги смените местата и од тоа ништо нема да се промени:

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

Задание 1

Кажете што одбира селекторот во дадениот код подолу. Потоа напишете HTML код, кој одговара на овој селектор. Еве го кодот со селекторот:

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

Задание 2

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

Задание 3

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