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:

css.bbb.zzz {
  
}

A sledeći selektor će odabrati naslov h2, koji istovremeno ima klasu bbb i klasu zzz:

cssh2.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.

css.bbb.zzz {
  color: red;
}

cssh2.bbb.zzz {
  color: red;
}

css#elem.bbb {
  color: red;
}

css#elem.bbb.zzz {
  color: red;
}

cssh2#elem.bbb {
  color: red;
}