最終更新日

CSS3のコメント

スタイルシートのソース中にコメントを書くには、コメントにしたい文字列を「/*」と「*/」で囲みます。他のプログラムにあるような「#」や「//」といった1行用のコメントはありません。

記述場所に制約はありません。以下のどの記述も正常にコメントとして機能します。

サンプルコード
/* スタイルの外側 */

body /* セレクタの直後 */ {
	color: /* プロパティと値の間 */ #000000;
	background: #ffffff; /* スタイルの後ろ */
	}

/* コメントは複数行に
することもできます。 */

ただし、コメントは入れ子にはできません。次のようには記述できませんので注意して下さい。

サンプルコード
/* ○○○○ /* □□□□ */ △△△△ */

上記は一見「外側のコメント」と「内側のコメント」で、正しく対応しているようにみえます。しかし、「*/」が出てきたところでコメントの範囲は終了します。つまり「△△△△」の箇所は、コメントの外側ということになってしまいます。

参考文献:CSS3 module: Syntax外部リンク
HOME