CSS 注释

在CSS中，注释有助于在样式表中添加解释性注释或注解，而这些注释不会被网络浏览器解析为样式指令。CSS注释是为开发人员提供的，并在渲染网页时被浏览器忽略。它们在文档、调试等方面非常有用。

在CSS中，有两种主要的注释方式：

单行注释 ：使用 /* 开始注释，用 */ 结束注释。
多行注释 ：多行注释允许您添加跨多行的注释。它们也使用 /* 和 */ 包围注释内容。

在使用 < style>元素时，您可以使用 来隐藏CSS代码。虽然这样做是不推荐的。

语法

CSS注释可以放置在样式表允许的任何空白处。它们可以占据单行，或跨越多行。

/* This is a single line comment */

/*
A comment
which spans
over several
lines
*/

/* The comment below is used to
   disable specific styling */
/*
span {
  color: #eee;
  font-size: 2.5em;
}
*/

CSS不允许注释的嵌套，也就是说/*...*/不能在其中再嵌套其他注释。

CSS注释 – 单行和多行注释

以下示例演示了CSS注释（单行和多行）：

<html>
<head>
<style>
   div {
      background-color: rgb(194, 152, 233); /* Set the background color */
      height: 50px; /* Set the height of div element */
      width: 200px; /* Set the width of div element */
      padding: 5px; /* Set the padding of div element */
      border: 5px solid black; /* Set the border around the element */
   }

   /* The p tag
   color is set to red
   font color */
   p {
      color: red;
      font-size: 20px;
   }

</style>
</head>
<body>
   <div>
      Checking for CSS comments.
   </div>
   <p>The styling on  p tag has multi-line comments.</p>
</body>
</html>

CSS注释 – HTML和CSS注释

这里是一个示例，展示了HTML和CSS注释的格式：

注意：移除<p>标签中的多行注释语法，即可看到应用的样式。

<html>
<head>
<style>
   div {
      background-color: rgb(194, 152, 233); /* Set the background color */
      height: 50px; /* Set the height of div element */
      width: 200px; /* Set the width of div element */
      padding: 5px; /* Set the padding of div element */
      border: 5px solid black; /* Set the border around the element */
   }

   /*
   p {
      color: red;
      font-size: 20px;
   }
   */
</style>
</head>
<body>
   <!-- This is an html comment format -->
   <div>
      Checking for CSS comments.
   </div>
   <p>The styling is commented so its not applied on p tag.</p>
</body>
</html>