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

[z_sk]

Niekte v kóde som napríklad videl niečo take. K čomu to je?:

Kód [Vybrat] Rozbalit

.item > p {
   color: red;
}

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

[Reklama]

[Filip Jirsák]

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] Rozbalit

.item p
znamená, ž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