CSSは何故このような書き方をするんですか

質問

何故多くの人たちがCSSを書くとき
div p {
color: red;
}
のように改行やスペースを入れるのですか？

div p {color: red; }
でもいいと聞きますが、上のように書くメリットは何ですか？

回答No.2

noname#248980 · ベストアンサー

改行した方がどこに何が書かれているか見やすいし編集しやすいからだと思います。短い文ならば改行はいらないかもしれませんが、

例えば以下のCSSを改行なしで書くと
==============================
a.link{
display: block;
margin: 5px;
padding: 3px;
background: black;
color: white;
font-weight: bold;
}

a.link:hover{
opacity: 0.8;
}
==============================

こうなります。
==============================
a.link{display: block; margin: 5px; padding: 3px; background: black; color: white; font-weight: bold;}a.link:hover{opacity: 0.8;}
==============================
↑はゴチャゴチャしていてどこに何が書いてあるか見にくいと思います。

お礼

例まで書いていただいてありがとうございます。
それだけの理由だったのですね。難しく考えすぎていました。
お二人とも回答ありがとうございました。

回答No.1

t_ohta

編集のし易さや視認性の良さがメリットです。
1行にまとめて書いた方がファイル容量が小さくなり通信量も減らせるので、デプロイする際に1行にまとめてくれるツールを使う場合もあります。