Kombinator podrzędny w CSS to symbol „większe niż”, wygląda tak:
ol > li ( color: red; )Oznacza to „wybierz elementy, które są tylko bezpośrednimi potomkami”. W tym przypadku: „wybierz elementy listy, które są bezpośrednimi potomkami uporządkowanej listy”. Ilustrować:
- WILL be selected
- WILL be selected
- Will NOT be selected
- Will NOT be selected
- WILL be selected
Spróbuj usunąć >symbol podczas zabawy z poniższą demonstracją:
Zobacz Pen f149edb15c53d157a7009b816ee919d2 autorstwa CSS-Tricks (@ css-tricks) na CodePen.
Więcej informacji
- Artykuł o selektorach dzieci i rodzeństwa.
- MDN Docs
Znany również jako…
Kombinator podrzędny jest tym, co nazywa specyfikacja, ale usłyszysz również nazwę:
- selektor dziecka
- bezpośredni selektor potomków
- bezpośredni kombinator potomków
Wsparcie przeglądarki
| Chrom | Safari | Firefox | Opera | TO ZNACZY | Android | iOS |
|---|---|---|---|---|---|---|
| Każdy | Każdy | Każdy | Każdy | 7+ | Każdy | Każdy |