CSS 中的注释

Avatar of Chris Coyier
Chris Coyier

示例

/*
  This is a 
  comment in CSS
*/
body {
  font-family: system-ui;
  font-size: 62.5%  /* 1em = 10px */
  line-height: 1.4;
}

/* */ 标记内的内容是 CSS 注释。这允许您在 CSS 中输入不会被解释的注释。在本例中,此注释让阅读 CSS 文件的人知道,该特定 CSS 行旨在允许以后在 CSS 中以更直观的基数 10 方式使用 em 设置字体大小。

一些 CSS 预处理器语法允许使用 JavaScript 样式的单行注释,如下所示

body {
  font-family: system-ui;
  // font-size: 62.5% 
  line-height: 1.4;
}

实际上,这有点奇怪,但原生 CSS 也在某种程度上支持这一点,这只是一个技巧,您需要小心。