Několik selektorů spojitě v CSS
Chcete-li vybrat prvek, který splňuje několik selektorů současně, je třeba tyto selektory napsat spojitě, bez mezery.
Například následující selektor vybere prvek,
který má současně třídu bbb a třídu
zzz:
.bbb.zzz {
}
A následující selektor vybere nadpis h2,
který má současně třídu bbb a třídu
zzz:
h2.bbb.zzz {
}
Uvedeným způsobem lze konstruovat libovolné kombinace selektorů. Přitom pořadí použitých selektorů nehraje roli, kromě pravidla, že selektory tagů je třeba umístit na úplný začátek.
To znamená, že například selektory .bbb.zzz
a .zzz.bbb jsou zcela ekvivalentní.
Kromě toho lze tvořit selektory s
použitím id, například takové:
#elem.eee, nebo h2#elem.eee,
nebo h2.eee#elem a tak dále.
Vysvětlete, co vybírá selektor v uvedeném kódu níže. Poté napište HTML kód, který tomuto selektoru vyhovuje. Zde je kód s selektorem:
.bbb.zzz {
color: red;
}
Vysvětlete, co vybírá selektor v uvedeném kódu níže. Poté napište HTML kód, který tomuto selektoru vyhovuje. Zde je kód s selektorem:
h2.bbb.zzz {
color: red;
}
Vysvětlete, co vybírá selektor v uvedeném kódu níže. Poté napište HTML kód, který tomuto selektoru vyhovuje. Zde je kód s selektorem:
#elem.bbb {
color: red;
}
Vysvětlete, co vybírá selektor v uvedeném kódu níže. Poté napište HTML kód, který tomuto selektoru vyhovuje. Zde je kód s selektorem:
#elem.bbb.zzz {
color: red;
}
Vysvětlete, co vybírá selektor v uvedeném kódu níže. Poté napište HTML kód, který tomuto selektoru vyhovuje. Zde je kód s selektorem:
h2#elem.bbb {
color: red;
}
