Ομαδοποίηση επιλογέων στο CSS
Μερικές φορές μπορεί να προκύψει η ακόλουθη κατάσταση:
πρέπει να κάνετε το ίδιο πράγμα με διαφορετικές
ετικέτες, για παράδειγμα, να βάψετε όλους τους τίτλους
h2, h3 και τις παραγράφους σε κόκκινο χρώμα.
Σε αυτήν την περίπτωση, θα πρέπει να γράψετε κάτι
σαν αυτό:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
}
Ωστόσο, υπάρχει ένας τρόπος να το κάνετε αυτό λίγο πιο σύντομα: οι επιλογείς ετικετών μπορούν να ενωθούν μέσω κόμματος και ο κώδικας CSS θα εφαρμοστεί σε όλους ταυτόχρονα. Ο παραπάνω κώδικας μπορεί να ξαναγραφεί πιο σύντομα με αυτόν τον τρόπο:
h2, h3, p {
color: red;
}
Απλοποιήστε τον κώδικα, χρησιμοποιώντας ομαδοποίηση επιλογέων:
h1 {
text-align: center;
}
h2 {
text-align: center;
}
h3 {
text-align: center;
}