CSS: Kako ciljamo element, ki ima več točno določenih class-ov?

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.

Komentiraj


*