CSS コメント

CSSコメントはブラウザには表示されませんが、ソースコードをドキュメント化するのに役立ちます。

CSS コメント
- 例
- 例
- 例
- 例
HTMLとCSSのコメント
- 例

CSS コメント

コメントはコードを説明するために使用され、後でソースコードを編集するときに役立ちます。

コメントはブラウザによって無視されます。

CSSコメントは<style>要素内に配置され、/* で始まり、*/ で終わります：

例

/* これは単一行コメントです */
p {
  color: red;
}

コード内の任意の場所にコメントを追加できます：

例

p {
  color: red;  /* テキストの色を赤に設定 */
}

コード行の途中にもコメントを追加できます：

例

p {
  color: /*red*/blue; 
}

コメントは複数行にわたることもできます：

例

/* これは
複数行にわたる
コメントです */

p {
  color: red;
}

HTMLとCSSのコメント

HTMLチュートリアルから、<!–…–> 構文を使用してHTMLソースにコメントを追加できることを学びました。

次の例では、HTMLコメントとCSSコメントを組み合わせて使用しています：

例

<!DOCTYPE html>
<html>
<head>
<style>
p {
  color: red; /* テキストの色を赤に設定 */
}
</style>
</head>
<body>

<h2>My Heading</h2>

<!-- これらの段落は赤くなります -->
<p>Hello World!</p>
<p>この段落はCSSでスタイルされています。</p>
<p>CSSコメントは出力に表示されません。</p>

</body>
</html>