CSS-də sinifli link

İndi isə linklərin özləri sinifə malik olsun:

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

Gəlin belə sinifə malik olan linklər üçün stil təyin edək:

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

Link sinfini və vəziyyət psevdoklasslarını hansı ardıcıllıqla yazmağın əhəmiyyəti yoxdur. Onları yerləri dəyişdirə bilərsiniz və heç nə dəyişməyəcək:

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

Задание 1

Aşağıdakı kodda selektorun nəyi seçdiyini izah edin. Sonra bu selektora uyğun gələn HTML kodu yazın. Selektorun olduğu kod:

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

Задание 2

Aşağıdakı kodda selektorun nəyi seçdiyini izah edin. Sonra bu selektora uyğun gələn HTML kodu yazın. Selektorun olduğu kod:

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

Задание 3

Aşağıdakı kodda selektorun nəyi seçdiyini izah edin. Sonra bu selektora uyğun gələn HTML kodu yazın. Selektorun olduğu kod:

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