Mai mulți selectori scriși împreună în CSS
Pentru a selecta un element care se potrivește simultan cu mai mulți selectori, trebuie să scrieți acești selectori împreună, fără spațiu.
De exemplu, următorul selector va alege elementul
care are simultan clasa bbb și clasa
zzz:
.bbb.zzz {
}
Iar următorul selector va alege titlul h2,
care are simultan clasa bbb și clasa
zzz:
h2.bbb.zzz {
}
În modul indicat se pot construi combinații arbitrare de selectori. În acest caz, ordinea selectorilor folosiți nu contează, cu excepția regulii că selectorii de tip etichetă trebuie puși chiar la început.
Adică, de exemplu, selectorii .bbb.zzz
și .zzz.bbb sunt complet echivalenți.
În plus, se pot forma selectori cu
utilizarea id, de exemplu, astfel:
#elem.eee, sau h2#elem.eee,
sau h2.eee#elem și așa mai departe.
Spuneți ce alege selectorul în codul de mai jos. Apoi scrieți codul HTML, care se potrivește cu acest selector. Iată codul cu selectorul:
.bbb.zzz {
color: red;
}
Spuneți ce alege selectorul în codul de mai jos. Apoi scrieți codul HTML, care se potrivește cu acest selector. Iată codul cu selectorul:
h2.bbb.zzz {
color: red;
}
Spuneți ce alege selectorul în codul de mai jos. Apoi scrieți codul HTML, care se potrivește cu acest selector. Iată codul cu selectorul:
#elem.bbb {
color: red;
}
Spuneți ce alege selectorul în codul de mai jos. Apoi scrieți codul HTML, care se potrivește cu acest selector. Iată codul cu selectorul:
#elem.bbb.zzz {
color: red;
}
Spuneți ce alege selectorul în codul de mai jos. Apoi scrieți codul HTML, care se potrivește cu acest selector. Iată codul cu selectorul:
h2#elem.bbb {
color: red;
}