Link mit Klasse in CSS

Nehmen wir an, die Links selbst haben eine Klasse:

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

Lassen Sie uns Stile für Links festlegen, die eine solche Klasse haben:

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

Es spielt keine Rolle, in welcher Reihenfolge die Klassen der Links und die Pseudoklassen der Zustände geschrieben werden. Man kann sie vertauschen und nichts wird sich dadurch ändern:

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

Задание 1

Erklären Sie, was der Selektor im unten angegebenen Code auswählt. Schreiben Sie dann den HTML-Code, der zu diesem Selektor passt. Hier ist der Code mit dem Selektor:

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

Задание 2

Erklären Sie, was der Selektor im unten angegebenen Code auswählt. Schreiben Sie dann den HTML-Code, der zu diesem Selektor passt. Hier ist der Code mit dem Selektor:

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

Задание 3

Erklären Sie, was der Selektor im unten angegebenen Code auswählt. Schreiben Sie dann den HTML-Code, der zu diesem Selektor passt. Hier ist der Code mit dem Selektor:

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