Παιδί - CSS-Κόλπα

Anonim

Ένας συνδυασμός θυγατρικών στο CSS είναι το σύμβολο "μεγαλύτερο από", μοιάζει με αυτό:

ol > li ( color: red; )

Σημαίνει "επιλεγμένα στοιχεία που είναι μόνο άμεσοι απόγονοι". Σε αυτήν την περίπτωση: "επιλέξτε στοιχεία λίστας που είναι άμεσοι απόγονοι μιας παραγγελθείσας λίστας". Για να απεικονίσει:


  1. WILL be selected
  2. WILL be selected
    • Will NOT be selected
    • Will NOT be selected
  3. WILL be selected

Δοκιμάστε να καταργήσετε το >σύμβολο όταν παίζετε με την παρακάτω επίδειξη:

Δείτε το στυλό f149edb15c53d157a7009b816ee919d2 από CSS-Tricks (@ css-tricks) στο CodePen.

Περισσότερες πληροφορίες

  • Άρθρο σχετικά με τους επιλογείς παιδιών και αδελφών.
  • Έγγραφα MDN

Επίσης γνωστός ως…

Ο συνδυασμός παιδιών είναι αυτό που το ονομάζει η προδιαγραφή, αλλά θα το ακούσετε επίσης:

  • επιλογέας παιδιού
  • επιλογέας άμεσων απογόνων
  • άμεσος συνδυασμός απογόνων

Υποστήριξη προγράμματος περιήγησης

Χρώμιο Σαφάρι Firefox ΛΥΡΙΚΗ ΣΚΗΝΗ ΙΕ Android iOS
Οποιος Οποιος Οποιος Οποιος 7+ Οποιος Οποιος