Fórum Root.cz

Hlavní témata => Vývoj => Téma založeno: z_sk 11. 01. 2021, 20:22:01

Název: [CSS]: Čo robi znak > v názve tried?
Přispěvatel: z_sk 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?

Název: Re:[CSS]: Čo robi znak > v názve tried?
Přispěvatel: Filip Jirsák 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