CSS コメント

CSS コメント

コメントはコードを説明し、後でソースコードを編集する際に役立ちます。

ブラウザはコメントを無視します。

位置 <style> 要素内の CSS コメント、 /* 開始して、 */ 終了：

例

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

自分で試してみる

コードのどこにでもコメントを追加できます：

例

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

自分で試してみる

コメントは複数行にわたって横断できます：

例

/* これは
複数行の
コメント */ 
p {
  color: red;
}

自分で試してみる

HTML と CSS コメント

HTML トレーニングから、使用できることを学びます <!--...--> コメントは HTML 源コードに追加されます。

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

例

<!DOCTYPE html>
<html>
<head>
<style>
p {
  color: red; /* テキストの色を赤に設定 */
} 
</style>
</head>
<body>
<h2>私のヘッディング</h2>
<!-- これらの段落は赤い色になります -->
<p>Hello World!</p>
<p>このテキストは CSS でスタイル設定されています。</p>
<p>CSS コメントは出力には表示されません。</p>
</body>
</html>

自分で試してみる