CSS υποεлементικός συνδυαστής (>)

Ορισμός και χρήση

CSS Συνδυαστής Υιού>) χρησιμοποιείται για την επιλογή των στοιχείων που είναι άμεσοι υιοί ενός συγκεκριμένου γονικού στοιχείου.

Το στοιχείο που ταιριάζει στον δεύτερο επιλεκτήρα πρέπει να είναι άμεσος υιός του στοιχείου που ταιριάζει στον πρώτο επιλεκτήρα.

Σημείωση:Τα στοιχεία που δεν είναι άμεσοι υιοί του καθορισμένου γονικού στοιχείου δεν επιλέγονται.

Παράδειγμα

Επιλέξτε και ρυθμίστε το στυλ κάθε <p> στοιχείου που είναι άμεσος υιός του στοιχείου <div>:

div > p {
  background-color: gold;
  border: 1px solid gray;
}

Δοκιμάστε το προσωπικά

Γλωσσική δομή CSS

element1 > element2 {
  καταγραφές CSS;
}

Τεχνικά λεπτομέρειες

Έκδοση: CSS2

Υποστήριξη πλοηγού

Τα αριθμήματα στη τаблицή δείχνουν την πρώτη έκδοση του πλοηγού που υποστηρίζει την συγκεκριμένη σύνθετη λειτουργία.

Χρόμιο Εντζ Φάιρφοξ Σάφάρι Οπερά
Υποστήριξη 7.0 Υποστήριξη Υποστήριξη Υποστήριξη

Σχετικές σελίδες

CSS εκμάθηση:CSS υποεлементικός επιλογέας