Keli CSS selektoriai parašyti kartu
Norėdami pasirinkti elementą, kuris atitinka kelis selektorius vienu metu, turite parašyti šiuos selektorius kartu, be tarpų.
Pavyzdžiui, šis selektorius pasirinks elementą,
kuris vienu metu turi ir klasę bbb, ir klasę
zzz:
.bbb.zzz {
}
O šis selektorius pasirinks antro lygio antraštę h2,
kuri vienu metu turi ir klasę bbb, ir klasę
zzz:
h2.bbb.zzz {
}
Nurodytu būdu galima konstruoti bet kokius selektorių derinius. Šiuo atveju naudojamų selektorių eiliškumas neturi reikšmės, išskyrus taisyklę, kad elementų (tag) selektorius reikia dėti pačioje pradžioje.
Tai yra, pavyzdžiui, selektoriai .bbb.zzz
ir .zzz.bbb yra visiškai lygiaverčiai.
Be to, galima formuoti selektorius
naudojant id, pavyzdžiui, tokius:
#elem.eee, ar h2#elem.eee,
arba h2.eee#elem ir pan.
Paaiškinkite, ką pasirenka selektorius pateiktame žemiau kode. Tada parašykite HTML kodą, kuris atitiktų šį selektorių. Štai kodas su selektoriumi:
.bbb.zzz {
color: red;
}
Paaiškinkite, ką pasirenka selektorius pateiktame žemiau kode. Tada parašykite HTML kodą, kuris atitiktų šį selektorių. Štai kodas su selektoriumi:
h2.bbb.zzz {
color: red;
}
Paaiškinkite, ką pasirenka selektorius pateiktame žemiau kode. Tada parašykite HTML kodą, kuris atitiktų šį selektorių. Štai kodas su selektoriumi:
#elem.bbb {
color: red;
}
Paaiškinkite, ką pasirenka selektorius pateiktame žemiau kode. Tada parašykite HTML kodą, kuris atitiktų šį selektorių. Štai kodas su selektoriumi:
#elem.bbb.zzz {
color: red;
}
Paaiškinkite, ką pasirenka selektorius pateiktame žemiau kode. Tada parašykite HTML kodą, kuris atitiktų šį selektorių. Štai kodas su selektoriumi:
h2#elem.bbb {
color: red;
}