Тиркемелердин абалдары менен CSSтеги татаал тандоочтор

Биз мурун үйрөнгөн бардык татаал тандоочторду тиркемелер үчүн да колдонсо болот.

Келгиле, мисал аркылуу карап көрөлү. Биздин тиркемелерибиз берилген id блогунун ичинде болсун:

html<div id="block">
  <a href="#">тиркеме</a>
  <a href="#">тиркеме</a>
  <a href="#">тиркеме</a>
</div>

Келгиле, ушул блогунан тиркемелер үчүн стилдерди белгилейли:

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

Адатта, link жана visited абалдары бөлүнбөйт, ошондуктан кодду төмөнкүдөй жөнөкөйлөтсө болот:

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

Задание 1

Төмөндөгү коддогу тандооч эмнени тандап аларыңызды айтып бериңиз. Андан кийин ушул тандоочко ылайык келген HTML кодду жазыңыз. Тандооч менен код:

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