Ένας συνδυασμός θυγατρικών στο CSS είναι το σύμβολο "μεγαλύτερο από", μοιάζει με αυτό:
ol > li ( color: red; )
Σημαίνει "επιλεγμένα στοιχεία που είναι μόνο άμεσοι απόγονοι". Σε αυτήν την περίπτωση: "επιλέξτε στοιχεία λίστας που είναι άμεσοι απόγονοι μιας παραγγελθείσας λίστας". Για να απεικονίσει:
- WILL be selected
- WILL be selected
- Will NOT be selected
- Will NOT be selected
- WILL be selected
Δοκιμάστε να καταργήσετε το >
σύμβολο όταν παίζετε με την παρακάτω επίδειξη:
Δείτε το στυλό f149edb15c53d157a7009b816ee919d2 από CSS-Tricks (@ css-tricks) στο CodePen.
Περισσότερες πληροφορίες
- Άρθρο σχετικά με τους επιλογείς παιδιών και αδελφών.
- Έγγραφα MDN
Επίσης γνωστός ως…
Ο συνδυασμός παιδιών είναι αυτό που το ονομάζει η προδιαγραφή, αλλά θα το ακούσετε επίσης:
- επιλογέας παιδιού
- επιλογέας άμεσων απογόνων
- άμεσος συνδυασμός απογόνων
Υποστήριξη προγράμματος περιήγησης
Χρώμιο | Σαφάρι | Firefox | ΛΥΡΙΚΗ ΣΚΗΝΗ | ΙΕ | Android | iOS |
---|---|---|---|---|---|---|
Οποιος | Οποιος | Οποιος | Οποιος | 7+ | Οποιος | Οποιος |