Απόγονος - CSS-Κόλπα

Ένας επιλογέας απογόνων στο CSS είναι οποιοσδήποτε επιλογέας με κενό διάστημα μεταξύ δύο επιλογών χωρίς συνδυασμό. Ακολουθούν ορισμένα παραδείγματα:

ul li ( ) header h2 ( ) footer a ( ) .module div ( ) #info-toggle span ( ) div dl dt a ( )

Πάρτε ul li ( )για παράδειγμα. Σημαίνει "οποιοδήποτε στοιχείο λίστας που είναι απόγονος μιας λίστας χωρίς ταξινόμηση."

Απόγονος σημαίνει οπουδήποτε είναι τοποθετημένο μέσα σε αυτό το δέντρο DOM. Θα μπορούσε να είναι ένα άμεσο παιδί, θα μπορούσε να έχει βάθος πέντε επιπέδων, εξακολουθεί να είναι απόγονος. Αυτό είναι διαφορετικό από έναν θυγατρικό συνδυασμό (>) που απαιτεί το στοιχείο να είναι το επόμενο ένθετο επίπεδο προς τα κάτω.

Για παράδειγμα, div span ( )θα ταιριάζει:

 I will match

I will match too

Πιθανότατα δεν πρέπει να ανησυχείτε πολύ, αλλά ο απογοητευτικός επιλογέας είναι αρκετά «ακριβός» - που σημαίνει δύσκολο / αργό για να κάνει τους κινητήρες να καταλάβουν και να κάνουν πράγματα. MDN:

Ο επιλογέας απογόνων είναι ο ακριβότερος επιλογέας στο CSS. Είναι τρομερά ακριβό, ειδικά αν ο επιλογέας βρίσκεται στην ετικέτα ή στην καθολική κατηγορία.

Αλλά μόνο σε σύγκριση με άλλους επιλογείς. Είναι ακόμα εκπληκτικά γρήγορο και πιθανότατα δεν θα το παρατηρήσετε παρά μόνο εάν τρελαίνετε.