CSS တွင် Class ပါသည့် လင့်ခ်

ယခု လင့်ခ်များကိုယ်တိုင် class ရှိသည်ဆိုပါစို့:

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

ထို class ရှိသည့် လင့်ခ်များအတွက် style များ သတ်မှတ်ကြပါစို့:

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

လင့်ခ် class နှင့် ပြည်နယ် pseudo-class များကို မည်သည့်အစဉ်အတိုင်း ရေးရမည်ဆိုသည်မှာ အရေးမကြီးပါ။ ၎င်းတို့ကို နေရာပြောင်းနိုင်ပြီး ဘာမှမပြောင်းလဲပါ။

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

Задание 1

အောက်တွင်ပေးထားသော ကုဒ်ရှိ selector သည် အဘယ်ကိုရွေးချယ်သည်ကို ပြောပြပါ။ ထို့နောက် ၎င်းရွေးချယ်စရာနှင့် ကိုက်ညီသော HTML ကုဒ်ကို ရေးပါ။ Selector ပါသည့် ကုဒ်မှာ:

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

Задание 2

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

Задание 3

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