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