Više CSS selektora napisanih zajedno
Da biste odabrali element koji istovremeno ispunjava uslove više selektora, treba da napišete te selektore zajedno, bez razmaka.
Na primer, sledeći selektor će odabrati element
koji istovremeno ima klasu bbb i klasu
zzz:
.bbb.zzz {
}
A sledeći selektor će odabrati naslov h2,
koji istovremeno ima klasu bbb i klasu
zzz:
h2.bbb.zzz {
}
Na opisani način možete konstruisati proizvoljne kombinacije selektora. Redosled korišćenih selektora nije bitan, osim pravila da selektore za HTML tagove treba staviti na samom početku.
To znači, na primer, da su selektori .bbb.zzz
i .zzz.bbb potpuno ekvivalentni.
Pored toga, moguće je formirati selektore
koristeći id, na primer, kao što su:
#elem.eee, ili h2#elem.eee,
ili h2.eee#elem, i tako dalje.
Objasnite šta bira selektor u donjem kodu. Zatim napišite HTML kod koji odgovara ovom selektoru. Evo koda sa selektorom:
.bbb.zzz {
color: red;
}
Objasnite šta bira selektor u donjem kodu. Zatim napišite HTML kod koji odgovara ovom selektoru. Evo koda sa selektorom:
h2.bbb.zzz {
color: red;
}
Objasnite šta bira selektor u donjem kodu. Zatim napišite HTML kod koji odgovara ovom selektoru. Evo koda sa selektorom:
#elem.bbb {
color: red;
}
Objasnite šta bira selektor u donjem kodu. Zatim napišite HTML kod koji odgovara ovom selektoru. Evo koda sa selektorom:
#elem.bbb.zzz {
color: red;
}
Objasnite šta bira selektor u donjem kodu. Zatim napišite HTML kod koji odgovara ovom selektoru. Evo koda sa selektorom:
h2#elem.bbb {
color: red;
}
