Niekoľko selektorov spojených v CSS
Ak chcete vybrať prvok, ktorý spĺňa viacero selektorov súčasne, je potrebné napísať tieto selektory spojene, bez medzery.
Napríklad, nasledujúci selektor vyberie prvok,
ktorý má súčasne triedu bbb a triedu
zzz:
.bbb.zzz {
}
A nasledujúci selektor vyberie nadpis h2,
ktorý má súčasne triedu bbb a triedu
zzz:
h2.bbb.zzz {
}
Uvedeným spôsobom je možné konštruovať ľubovoľné kombinácie selektorov. Pri tom ich poradie použitých selektorov nemá význam, okrem pravidla, že selektory tagov je potrebné umiestniť na úplný začiatok.
To znamená, že napríklad selektory .bbb.zzz
a .zzz.bbb sú úplne ekvivalentné.
Okrem toho je možné tvoriť selektory s
použitím id, napríklad takéto:
#elem.eee, alebo h2#elem.eee,
alebo h2.eee#elem a tak ďalej.
Vysvetlite, čo vyberá selektor v uvedenom kóde nižšie. Potom napíšte HTML kód, ktorý vyhovuje tomuto selektoru. Tu je kód so selektorom:
.bbb.zzz {
color: red;
}
Vysvetlite, čo vyberá selektor v uvedenom kóde nižšie. Potom napíšte HTML kód, ktorý vyhovuje tomuto selektoru. Tu je kód so selektorom:
h2.bbb.zzz {
color: red;
}
Vysvetlite, čo vyberá selektor v uvedenom kóde nižšie. Potom napíšte HTML kód, ktorý vyhovuje tomuto selektoru. Tu je kód so selektorom:
#elem.bbb {
color: red;
}
Vysvetlite, čo vyberá selektor v uvedenom kóde nižšie. Potom napíšte HTML kód, ktorý vyhovuje tomuto selektoru. Tu je kód so selektorom:
#elem.bbb.zzz {
color: red;
}
Vysvetlite, čo vyberá selektor v uvedenom kóde nižšie. Potom napíšte HTML kód, ktorý vyhovuje tomuto selektoru. Tu je kód so selektorom:
h2#elem.bbb {
color: red;
}
