[CSS]: Čo robi znak > v názve tried?

[CSS]: Čo robi znak > v názve tried?
« kdy: 11. 01. 2021, 20:22:01 »
Niekte v kóde som napríklad videl niečo take. K čomu to je?:
Kód: [Vybrat]
.item > p {
   color: red;
}

Aký je rozdiel s tým > a bez toho?


Re:[CSS]: Čo robi znak > v názve tried?
« Odpověď #1 kdy: 11. 01. 2021, 20:44:36 »
Není to znak v názvu třídy, je určený pro kombinaci selektorů. Znamená, že selektor vpravo musí být přímý potomek selektoru vlevo. Ve vašem případě to tedy vybere všechny elementy p, které jsou přímým potomkem třídy item.  Když pro kombinaci selektorů použijete mezeru místo menšítka, znamená to, že selektor vpravo musí být přímý nebo nepřímý potomek selektoru vlevo. Tj.
Kód: [Vybrat]
.item pznamená, že element p může být zanořen kdekoli uvnitř třídy .item.

Dokumentaci CSS selektorů najdete např. zde: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors

A konkrétně Child kombinátor >: https://developer.mozilla.org/en-US/docs/Web/CSS/Child_combinator