Összetett szelektorok linkállapotokkal CSS-ben

Minden összetett szelektor, amit korábban tanultunk, alkalmazható linkekre is.

Nézzük meg egy példán keresztül. Tegyük fel, hogy a linkjeink egy adott id-val rendelkező blokkban találhatók:

html<div id="block">
  <a href="#">link</a>
  <a href="#">link</a>
  <a href="#">link</a>
</div>

Adjunk stílusokat a blokk linkjeihez:

css#block a:link, #block a:visited {
  color: red;
}
#block a:hover {
  text-decoration: none;
}

Általában a link és a visited állapotot nem különböztetik meg, ezért a kód leegyszerűsíthető a következőképpen:

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

Задание 1

Magyarázza el, mit választ ki a szelektor az alábbi kódban. Ezután írjon HTML kódot, amely megfelel ennek a szelektornak. Itt a kód a szelektorral:

css#test a {
  color: red;
}
#test a:hover {
  text-decoration: none;
}