Általános tulajdonságok szelektorok csoportosításakor a CSS-ben
Előfordul, hogy egyes szelektorok tulajdonságainak egy része megegyezik, egy része viszont eltér. A következő kódban például a címsorok és a bekezdés piros színűek, de a bekezdésnek ezen kívül vannak további tulajdonságai is:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
text-align: justify;
font-size: 16px;
}
Ilyen esetben az ismétlődő részeket csoportosíthatjuk, amelyek nem ismétlődnek, azokat pedig külön írhatjuk le:
h2, h3, p {
color: red;
}
p {
text-align: justify;
font-size: 16px;
}
Egyszerűsítsd a kódot szelektorok csoportosításával:
h1 {
text-align: center;
}
h2 {
text-align: center;
color: blue;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}
Egyszerűsítsd a kódot szelektorok csoportosításával:
h1 {
text-align: center;
color: red;
}
h2 {
text-align: center;
color: red;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}