Πώς εναλλάσσετε τους κανόνες CSS για το ίδιο επαναλαμβανόμενο στοιχείο σε μια στήλη έτσι ώστε η εικόνα να είναι στην αριστερή πλευρά ένα περίεργο στοιχείο και στη δεξιά πλευρά στα ομοιόμορφα στοιχεία;


Απάντηση 1:

Το CSS έχει έναν επιλογέα ψευδοκλάστης nth-child που υποστηρίζει μονές / ομαδικές ως τιμές, έτσι ώστε όσο τα στοιχεία σας είναι όλα τα αδέλφια (δηλαδή τα άμεσα παιδιά της στήλης σας), μπορείτε να τα στυλίσουμε.

Για παράδειγμα, υποθέτοντας:

  1. Ενας Δύο Τρία Τέσσερα Πέντε

το αντίστοιχο CSS θα στυλ One, Three και Five για να έχει χρώμα κόκκινο.

  1. li: nth-παιδί (περίεργο) {χρώμα: κόκκινο ·}

Η υποστήριξη του προγράμματος περιήγησης είναι

αρκετά καλά

.

Το ακριβές αποτέλεσμα των πλωτών εικόνων θα εξαρτηθεί από την ακριβή δομή σας.

Ελπίζω ότι βοηθάει.