Več selektorjev skupaj v CSS
Če želite izbrati element, ki hkrati ustreza več selektorjem, morate te selektorje napisati skupaj, brez presledka.
Na primer, naslednji selektor bo izbral element,
ki ima hkrati razred bbb in razred
zzz:
.bbb.zzz {
}
Naslednji selektor pa bo izbral naslov h2,
ki ima hkrati razred bbb in razred
zzz:
h2.bbb.zzz {
}
Na ta način lahko sestavite poljubne kombinacije selektorjev. Vrstni red uporabljenih selektorjev pri tem ni pomemben, razen pravila, da je treba selektorje oznak postaviti na sam začetek.
To pomeni, da sta na primer selektorja .bbb.zzz
in .zzz.bbb popolnoma enakovredna.
Poleg tega lahko oblikujete selektorje z
uporabo id, na primer:
#elem.eee, ali h2#elem.eee,
ali h2.eee#elem in tako naprej.
Povejte, kaj izbere selektor v spodnji kodi. Nato napišite HTML kodo, ki ustreza temu selektorju. Tukaj je koda s selektorjem:
.bbb.zzz {
color: red;
}
Povejte, kaj izbere selektor v spodnji kodi. Nato napišite HTML kodo, ki ustreza temu selektorju. Tukaj je koda s selektorjem:
h2.bbb.zzz {
color: red;
}
Povejte, kaj izbere selektor v spodnji kodi. Nato napišite HTML kodo, ki ustreza temu selektorju. Tukaj je koda s selektorjem:
#elem.bbb {
color: red;
}
Povejte, kaj izbere selektor v spodnji kodi. Nato napišite HTML kodo, ki ustreza temu selektorju. Tukaj je koda s selektorjem:
#elem.bbb.zzz {
color: red;
}
Povejte, kaj izbere selektor v spodnji kodi. Nato napišite HTML kodo, ki ustreza temu selektorju. Tukaj je koda s selektorjem:
h2#elem.bbb {
color: red;
}
