Το ψευδοκλάσμα :nth-last-child() του CSS

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

CSS :nth-last-child(n Το ψευδοκλάσμα χρησιμοποιείται για να ταιριάζει με κάθε στοιχείο που είναι ο nος τελευταίος γιός του γονικού στοιχείου του, ανεξάρτητα από τον τύπο του.

n Μπορεί να είναι ένας αριθμός/τεκμηρίωση, μια λέξη-κλειδί (奇数 για παράδειγμα an + b

Συμβουλή:Ελέγξτε :nth-last-of-type() Το ψευδοκλάσμα χρησιμοποιείται για να επιλέξει κάθε στοιχείο που είναι ο nος τελευταίος γιός του γονικού στοιχείου του, ανεξάρτητα από τον τύπο του. n στοιχείων

Παράδειγμα

Παράδειγμα 1

Καθορίζουμε το χρώμα υποβάθρου για κάθε στοιχείο <p> που είναι το δεύτερο τελευταίο παιδί του γονικού στοιχείου του:

p:nth-last-child(2) {
  χρώμα-υποβάθρου: κόκκινο;

Προσπαθήστε να το δοκιμάσετε

Παράδειγμα 2

奇数 και για παράδειγμα Είναι λέξη-κλειδί, μπορεί να χρησιμοποιηθεί για να ταιριάζει με στοιχεία με αριθμητικό επαναληπτικό δείκτη που είναι奇数 ήγια παράδειγμα.

Εδώ, καθορίζουμε διαφορετικά χρώματα υποβάθρου για όλα τα στοιχεία <p> με αριθμητικό επαναληπτικό δείκτη που είναι奇数 ήγια παράδειγμα:

p:nth-last-child(奇数) {
  χρώμα-υποβάθρου: κόκκινο;

p:nth-last-child(για παράδειγμα) {
  χρώμα-υποβάθρου: μπλε;

Προσπαθήστε να το δοκιμάσετε

Παράδειγμα 3

Χρησιμοποιώντας την εξίσωση (an + bΠεριγραφή:a Παρουσιάζει αριθμητικό βήμα, n είναι όλα τα μη αρνητικά αριθμητικά από το 0:b Είναι αριθμητικός αποκλίνας.

Εδώ, καθορίζουμε το χρώμα υποβάθρου για όλα τα στοιχεία <p> με αριθμητικό επαναληπτικό δείκτη 3:

p:nth-last-child(3n+0) {
  χρώμα-υποβάθρου: κόκκινο;

Προσπαθήστε να το δοκιμάσετε

Γλώσσα CSS

:nth-last-child(index |奇数|για παράδειγμα| an+b) {
  καθορισμοί css;

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

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

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