Řetězení selektorů
Někdy potřebujeme vybrat jeden prvek, pomocí více selektorů, abychom zvíšili specifičnost.
Toho docílíme tím, že napíšeme selektory za sebe. Například následovně:
h2.mensi-nadpis {
background-color: red;
}
Tento kód vybere pouze prvky h2
se třídou mensi-nadpis
a nastaví jim barvu pozadí na červenou (background-color: red
).
Je dobré mít na paměti, že řetězení zvyšuje specifičnost. Tudíž selektor h2.mensi-nadpis
by přepsal hodnotu vlastnosti .mensi-nadpis
na prvku h2
v tom případě, že by oba selektory upravovaly stejnou vlastnost.
Pokyny
Vytvořte pravidlo pro prvky div
se třídou skupina
nastavující barvu pozadí na šedou (background-color: gray
).
Začněte programovat zdarma
10/12