Łącze z klasą w CSS

Niech teraz same łącza mają klasę:

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

Nadajmy style dla łączy posiadających taką klasę:

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

Kolejność zapisu klasy łącza i pseudoklas stanów nie ma znaczenia. Można je zamienić miejscami i nic się od tego nie zmieni:

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

Задание 1

Opowiedz, co wybiera selektor w poniższym kodzie. Następnie napisz kod HTML pasujący do tego selektora. Oto kod z selektorem:

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

Задание 2

Opowiedz, co wybiera selektor w poniższym kodzie. Następnie napisz kod HTML pasujący do tego selektora. Oto kod z selektorem:

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

Задание 3

Opowiedz, co wybiera selektor w poniższym kodzie. Następnie napisz kod HTML pasujący do tego selektora. Oto kod z selektorem:

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