Mitme CSS-i valija ühendamine
Elemendi valimiseks, mis vastab korraga mitmele valijale, tuleb need valijad kirjutada üksteise järel, ilma tühikuta.
Näiteks valib järgmine valija elemendi, millel on korraga klass bbb ja klass zzz:
.bbb.zzz {
}
Järgmine valija valib pealkirja h2, millel on korraga klass bbb ja klass zzz:
h2.bbb.zzz {
}
Sellisel viisil saab konstrueerida suvalisi valijate kombinatsioone. Samal ajal nende kasutatavate valijate järjekord ei oma tähtsust, välja arvatud reegel, et elemendi valijad tuleb panna kõige ette.
See tähendab, et näiteks valijad .bbb.zzz ja .zzz.bbb on täielikult samaväärsed.
Lisaks saab moodustada valijaid kasutades id, näiteks selliseid: #elem.eee, või h2#elem.eee, või h2.eee#elem ja nii edasi.
Kirjelda, mida valib allpool toodud koodis olev valija. Seejärel kirjuta HTML-kood, mis vastab sellele valijale. Siin on kood valijaga:
.bbb.zzz {
color: red;
}
Kirjelda, mida valib allpool toodud koodis olev valija. Seejärel kirjuta HTML-kood, mis vastab sellele valijale. Siin on kood valijaga:
h2.bbb.zzz {
color: red;
}
Kirjelda, mida valib allpool toodud koodis olev valija. Seejärel kirjuta HTML-kood, mis vastab sellele valijale. Siin on kood valijaga:
#elem.bbb {
color: red;
}
Kirjelda, mida valib allpool toodud koodis olev valija. Seejärel kirjuta HTML-kood, mis vastab sellele valijale. Siin on kood valijaga:
#elem.bbb.zzz {
color: red;
}
Kirjelda, mida valib allpool toodud koodis olev valija. Seejärel kirjuta HTML-kood, mis vastab sellele valijale. Siin on kood valijaga:
h2#elem.bbb {
color: red;
}
