如何使用正斜杠在 CSS 中进行注释

Posted 2023-02-21

【中文标题】如何使用正斜杠在 CSS 中进行注释

【英文标题】：How to make a comment in CSS using forward slashes

【发布时间】：2021-03-29 21:27:29

【问题描述】：

是否可以在 CSS 中进行正斜杠注释。我想要一种更简单的方式在 CSS 中进行注释，而不是使用 /**/。

【参考方案1】：

是的，可以使用正斜杠进行评论。但问题是您必须在评论末尾添加右大括号。 这是一个例子：

//Comment  
*
  color: lightcoral;
  font-size: 35px;

<h4>YAY, forward slash commenting works! Make sure to add  at the end</h4>

【讨论】：

在 css 中，唯一存在的 cmets 是 /* <comment text> */。你不能像在 javascript 中那样对 // 做一个简单的点赞。但是您很可能使用某种 IDE 来构建您正在处理的任何项目。大多数（如果不是全部）IDE 都有内置的注释键绑定。选择您要评论的区域，然后单击键绑定。对于 Visual Studio 和 Visual Studio Code，选择一个区域并按 CTRL+K+C 将注释所选区域中的所有内容，而 CTRL+K+U 将删除所选区域中的 cmets。

@Lith 你是正确的关于 cmets 仅与 /**/ 一起使用，但这仍然可以独立于 IDE 工作。实际上，这是 CSS 的预期行为。这不是真正的评论，而是无效的选择器（或不适用于任何东西的选择器），这就是为什么在末尾添加 会关闭“评论”，因为它会关闭规则。事实上，这个“评论”支持多行，你甚至不需要//（你可以做类似this is a comment 的事情），只要单词序列与html中的结构不匹配，它就会被浏览器“忽略”。

澄清一下：不推荐这种类型的“评论”，但它也不是无效的CSS（如果它不使用//）。

【参考方案2】：

使用快捷键Ctrl + /来注释单行或多行。这将使您的生活更轻松。几乎所有主要的代码编辑器和 IDE 都支持此快捷方式。而且此快捷方式与您编写代码所用的语言无关。您可以将此快捷方式用于任何语言，无论是 HTML、CSS、Java 还是任何其他语言。

注释单行非常简单，只需将光标放在该行并按Ctrl + /它会自动为您注释掉该行。

评论多行也不是那么难。只需选择您要评论的内容并点击快捷方式即可。

对于 mac 用户，快捷键是 Command + /