【CSS】コメントアウト - ソースコードの説明やメモ

CSSコードのコメントアウトについて解説します。

検証環境

CSS

macOS

14.1

コメントアウト

コメントアウトは“動作に影響しないテキスト”です。

CSSに限らずJavaScriptなどの他のプログラミング言語やHTMLにもコメントアウトがあります。

一般的にソースコードの説明やメモに使用します。

/* テキスト */

/*から*/までがコメントアウトになります。

間に改行を含めて、複数行のコメントアウトも可能です。

sample.css

___ih_hl_start
/* h1タグのテキストカラーを赤色に設定 */
___ih_hl_end
h1 {
    color: red;
}

sample.css

___ih_hl_start
/*
    h1タグのテキストカラーを
    赤に設定
*/
___ih_hl_end
h1 {
    color: red;
}

コードをコメントアウトすることができます。

ソースコードの動作検証において、一時的に特定部分のコードを無効化するのに有用です。

ソースコード

___ih_hl_start
/*
h1 {
    color: red;
}
*/
___ih_hl_end