Odkaz s třídou v CSS

Nyní mějme samotné odkazy s třídou:

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

Nastavme styly pro odkazy, které mají tuto třídu:

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

Nezáleží na pořadí, ve kterém napíšete třídu odkazu a pseudotřídy stavů. Můžete je přehodit a nic se nezmění:

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

Задание 1

Vysvětlete, co vybírá selektor v níže uvedeném kódu. Poté napište HTML kód, který tomuto selektoru odpovídá. Zde je kód s selektorem:

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

Задание 2

Vysvětlete, co vybírá selektor v níže uvedeném kódu. Poté napište HTML kód, který tomuto selektoru odpovídá. Zde je kód s selektorem:

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

Задание 3

Vysvětlete, co vybírá selektor v níže uvedeném kódu. Poté napište HTML kód, který tomuto selektoru odpovídá. Zde je kód s selektorem:

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