【CSS】メモ書きを残したい(コメントアウト)場合はどうやって書く?

CSSで

「このコードの意味はこういうこと。」

という感じでメモや注意書きを残しておきたいことがよくある。

特に私のような初心者の場合、勉強している中で理解したことなどを

「このコードがあのコードにつながっている!」

とかをHTMLやCSSに残しておくと見返した時にかなり便利だ。

(もちろん理解したことをコメントアウトで書き込むのは勉強中のサンプルサイトだけにしている(笑))

そういう時に便利なのがコメントアウトだ。

HTMLの場合は

<!--メモ-->

と書けば、実際にWEBページの表示に影響を与えずにメモを残せる。

面倒なのが、HTMLとCSSではコメントアウトの仕方が異なる。

CSSのコメントアウトの仕方

CSSでメモ書きを残しておきたい場合は

という感じで

/*メモ*/ 

/**/で囲むことでコメントアウトをすることが出来る。

メモ書きが複数行になってもやり方は同じで

と最初と最後を囲めばOK。

結構簡単だが、意外にやり方を忘れてしまう(笑)

おすすめの記事