More than 5 years have passed since last update.

【CSS】複数の要素に対して同じCSSを指定

Posted at 2019-12-27

例.html

<h1>文字赤くしてー</h1>
<p>ここも赤くしてー</p>

このような場合、ＣＳＳでは

例.css

h1 {
  color: red;
}
p {
  color: red;
}

このように記入しなければならなかった。
もちろんこれでも間違いではないのだけど
h1 も p も同じ内容。
こういうときは・・・

例.css

h1,p {
  color: red;
}

h1 と p のあいだを , で区切って記入しても・・・

Web
↓

同じ表示
コードも見やすくなりました