Un combinator de copii din CSS este simbolul „mai mare decât”, arată astfel:
ol > li ( color: red; )Înseamnă „selectați elemente care sunt doar descendenți direcți”. În acest caz: „selectați elementele listei care sunt descendenți direcți ai unei liste ordonate”. Pentru a ilustra:
- WILL be selected
- WILL be selected
- Will NOT be selected
- Will NOT be selected
- WILL be selected
Încercați să eliminați >simbolul atunci când jucați cu demonstrația de mai jos:
Vedeți Penul f149edb15c53d157a7009b816ee919d2 de către CSS-Tricks (@ css-tricks) pe CodePen.
Mai multe informatii
- Articol despre selectorii de copii și frați.
- Documente MDN
De asemenea cunoscut ca si…
Combinatorul copil este ceea ce specificația îl numește, dar îl veți auzi și numit:
- selector de copii
- selector descendent direct
- combinator descendent direct
Suport pentru browser
| Crom | Safari | Firefox | Operă | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Orice | Orice | Orice | Orice | 7+ | Orice | Orice |