スタイルシートの記述について

質問

例えば、文字を黒く、背景色を白くしたい場合ですが、どちらの記述が正しいですか？
(1)は兄が教えてくれたタグの書き方で、(2)はネットで見かけたタグ（CSSについて説明していたサイト）の書き方です。
カッコの違いが気になっています。
ネット検索をしたところ、(2)の形で書かれているほうが多かったです。
今は『<!-->』は、もう古かったりなどして使わない形なのでしょうか。
それとも(2)の『{}』のみの形はCSSとして使う場合なのでしょうか。

(1)
<style type="text/css">
<!--P{color:#000000;}-->
<!--BODY{background-color:#ffffff;}
</style">

(2)
<style type="text/css">
p{color: #000000;}
body{background-color:#ffffff;}
</style">

回答No.1

torayoshi · ベストアンサー

<!--・・・-->はコメントアウトです。
CSSにおけるコメントアウトはCSSに対応してないブラウザ向けで、
CSSの記述内容がテキストとして丸ごと表示されてしまうことを防ぐ役割を持ってます。
これはJava Scriptにおいても同様です。
CSSに対応してないブラウザがすべて淘汰されてしまえば(2)で良いんです。
で、コメントアウトは複数行に渡ってもかまわない。の決まりがあるので、
(1)は間違ってはいないけど、正しいとも言えません。
(2)は上記の理由から現在のところ好ましくありません。
なので、今の所、
<style type="text/css">
<!--
p{color: #000000;}
body{background-color:#ffffff;}
-->
</style>
と記述するのが一般的です。

お礼

質問文の(1)で、BODY{background-color:#ffffff;}の『<!-->』カッコを閉じてませんでしたので場所を借りて訂正；
(1)
<style type="text/css">
<!--P{color:#000000;}-->
<!--BODY{background-color:#ffffff;} -->
</style">

torayoshiさん、ありがとうございます。
<style type="text/css">
<!--　（指定するスタイルシート）　　-->
</style">
このような形で、指定するスタイルシートが幾つあっても、ひとつの『<!-->』でくくってしまえばいいのですね。
勉強になりました！！