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;
}