CSS 注释

CSS 注释不会显示在浏览器中，但它们可以帮助记录源代码。

CSS 注释

注释用于解释代码，并且可能会在您以后编辑源代码时有所帮助。

浏览器会忽略注释。

CSS 注释被放置在<style>元素，并开始于/*并以*/：

示例

/* This is a single-line comment */
p {
color: red;
}

亲自试一试 »

您可以在代码中任意位置添加注释：

示例

p {
color: red; /* Set text color to red */
}

亲自试一试 »

即使在代码行的中间：

示例

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

亲自试一试 »

注释也可以跨多行：

示例

/* This is
a multi-line
comment */

p {
color: red;
}

亲自试一试 »

HTML 和 CSS 注释

从 HTML 教程中，您了解到可以使用以下命令向 HTML 源添加注释语法。

在以下示例中，我们结合使用 HTML 和 CSS 注释：

示例

<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red; /* Set text color to red */
}
</style>
</head>
<body>

<h2>My Heading</h2>


<p>Hello World!</p>
<p>This paragraph is styled with CSS.</p>
<p>CSS comments are not shown in the output.</p>

</body>
</html>

亲自试一试 »