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>My Heading</h2>
<!-- 這些段落將是紅色的 -->
<p>Hello World!</p>
<p>這段文本由 CSS 設置樣式。</p>
<p>CSS 注釋不會在輸出中顯示。</p>
</body>
</html>

親自試一試