Link med klasse i CSS

Lad nu selve linkene have en klasse:

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

Lad os give stilarter for links, der har sådan en klasse:

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

Det har ikke betydning i hvilken rækkefølge man skriver linkklassen og tilstandspseudoklasserne. Man kan bytte dem om, og dette vil ikke ændre noget:

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

Задание 1

Forklar, hvad selectoren vælger i den nedenstående kode. Skriv derefter HTML-koden, der passer til denne selector. Her er koden med selectoren:

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

Задание 2

Forklar, hvad selectoren vælger i den nedenstående kode. Skriv derefter HTML-koden, der passer til denne selector. Her er koden med selectoren:

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

Задание 3

Forklar, hvad selectoren vælger i den nedenstående kode. Skriv derefter HTML-koden, der passer til denne selector. Her er koden med selectoren:

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