A szelektorok csoportosítása a CSS-ben
Előfordulhat, hogy a következő helyzetbe kerülsz:
ugyanazt kell megtenned különböző
címkékkel, például minden címet
h2, h3 és bekezdést pirosra kell festened.
Ebben az esetben valami ilyesmit kell írnod:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
}
Van azonban egy mód, hogy ezt egy kicsit rövidebben megtedd: a címke szelektorokat egymástól vesszővel elválasztva lehet összevonni, és a CSS kód mindegyikre egyszerre alkalmazva lesz. A fenti kód így írható át rövidebben:
h2, h3, p {
color: red;
}
Egyszerűsítsd a kódot szelektor csoportosítás használatával:
h1 {
text-align: center;
}
h2 {
text-align: center;
}
h3 {
text-align: center;
}
