Uporaba CSS class-ov na posameznih HTML elementih je pri izdelavi spletnih strani ali aplikacij nekaj vsakdanjega. Vsak HTML element pa ima lahko tudi več različnih class-ov in tako se hitro znajdemo v situaciji, kjer moramo določen element spremeniti glede na pogoj, če element vsebuje več določenih class-ov.
Za lažjo predstavo si oglejmo primer, kjer imamo odstavek rdeče barve in modre. Primer zapisa class-ov:
.red {
color: red;
}
.blue {
color: blue;
}
V primeru, kjer pa ima element odstavka oba class-a pa želimo barvo spremeniti v vijolično. Takšen element ciljamo tako, da vsa imena class-ov zapišemo enega za drugim brez presledkov. Primer:
.red.blue {
color: purple;
}
Podpora temu načinu ciljanja v CSS-ju je dobro podprta, saj jo praktično vsi brskalniki podpirajo. Težave imate lahko le v starejših verzijah IE brskalnika.