Link con classe in CSS

Ora supponiamo che i link stessi abbiano una classe:

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

Applichiamo gli stili ai link che hanno questa classe:

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

L'ordine in cui si scrive la classe del link e gli pseudoclassi degli stati non ha importanza. Possono essere scambiati e nulla cambierà:

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

Задание 1

Spiega cosa seleziona il selettore nel codice riportato di seguito. Quindi scrivi il codice HTML adatto a questo selettore. Ecco il codice con il selettore:

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

Задание 2

Spiega cosa seleziona il selettore nel codice riportato di seguito. Quindi scrivi il codice HTML adatto a questo selettore. Ecco il codice con il selettore:

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

Задание 3

Spiega cosa seleziona il selettore nel codice riportato di seguito. Quindi scrivi il codice HTML adatto a questo selettore. Ecco il codice con il selettore:

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