Ψευδοείδος :first-child του CSS

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

CSS :first-child Τα ψευδοείδη χρησιμοποιούνται για την επιλογή των στοιχείων που είναι οι πρώτοι γιοι του γονικού τους στοιχείου (σε ένα σύνολο αδελφών στοιχείων).

Παράδειγμα

Παράδειγμα 1

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

p:first-child {
  background-color: yellow;
}

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

Παράδειγμα 2

Επιλέξτε και ρυθμίστε το στυλ κάθε <i> στοιχείου που είναι ο πρώτος γιος του γονικού του στοιχείου:

i:first-child {
  background: yellow;
}

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

Παράδειγμα 3

Επιλέξτε και ρυθμίστε το στυλ του πρώτου <li> στοιχείου της λίστας:

li:first-child {
  background: yellow;
}

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

Παράδειγμα 4

Επιλέξτε και ρυθμίστε το στυλ του πρώτου αντικειμένου κάθε <ul> στοιχείου:

ul > :first-child {
  background: yellow;
}

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

Γλωσσάριο CSS

:first-child {
  αφηρημένες δηλώσεις css;
}

Τεχνικά στοιχεία

Υποστήριξη περιηγητή

Τα αριθμήματα στην τράπεζα ορίζουν την πρώτη έκδοση του περιηγητή που υποστηρίζει το ψευδοείδος.