CSS 注释

cssweb developmentfront end technology更新于 2025/1/7 5:00:17

我们可以为 CSS 声明添加注释，以提高其可读性并使其更易于理解。CSS 注释遵循 C 语言风格的语法，以正斜杠开头和结尾，内容用星号括起来。/**/ 内的任何声明都将被忽略。

语法

CSS 注释的语法如下 −

/*Comments*/

以下示例演示了 CSS 注释 −

示例

<!DOCTYPE html>
<html>
<head>
<style>
ul {
   list-style: none; /*To remove the solid circles*/
}
</style>
</head>
<body>
<ul>
<li>Σ1</li>
<li>Σ2</li>
<li>Σ3<li>
</ul>
</body>
</html>

输出

这将给出以下输出 −

示例

<!DOCTYPE html>
<html>
<head>
<style>
div {/*此 <div> 选择所有 >div> 元素并声明以下内容*/
   margin: 8px;
   float: left;
   width: 100px;
   height: 100px;
   /*border: 2px solid black;*/
   /*移除边框*/
   background-color: lightpink;
}
div + div { /*这将创建一个圆圈*/
   border-radius: 50%;
}
</style>
</head>
<body>
<div></div>
<div></div>
</body>
</html>