files/zh-cn/web/css/comments/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54

---
title: CSS注释
slug: Web/CSS/Comments
tags:
  - CSS
  - 参考
  - 注释
translation_of: Web/CSS/Comments
---
<div>{{CSSRef}}</div>

<p>CSS 注释用于为代码添加额外的解释，或者用于阻止浏览器解析特定区域内的CSS代码。注释对文档布局没有影响。</p>

<h2 id="语法">语法</h2>

<p>注释可以写在样式表中任意允许空格的位置。注释可以写成一行，也可以写成多行。</p>

<pre class="syntaxbox notranslate">/* Comment */</pre>

<h2 id="示例">示例</h2>

<pre class="brush: css notranslate">/* 这是一行单行注释 */

/*
分为
几行
的
注释
*/

/* 下面的注释用于禁用特定的样式 */

/*
span {
  color: blue;
  font-size: 1.5em;
}
*/</pre>

<h2 id="说明">说明</h2>

<p> <code>/* */</code> 风格的注释语法可以用作单行注释，也可以用作多行注释。在外部独立的 CSS 文件中，没有其他声明注释的方法。不过，如果 CSS 代码写在 {{htmlelement("style")}} 标签中，在某些旧版浏览器中你还可以使用 <code>&lt;!-- --&gt;</code> 来注释 CSS 代码，虽然这样做是不推荐的。与其他大部分使用 <code>/* */</code> 语法进行注释的编程语言一样，注释无法嵌套。也就是说，<code>/*</code> 之后的第一个 <code>*/</code> 记号就会结束注释。</p>

<h2 id="规范">规范</h2>

<ul>
 <li><a href="http://www.w3.org/TR/CSS21/syndata.html#comments">CSS 2.1 Syntax and basic data types #comments</a></li>
</ul>

<h2 id="参见">参见</h2>

<ul>
 <li>{{CSS_key_concepts}}</li>
</ul>