[分享]css两个井号

CSS两个井号，即，是在CSS中用作注释的符号。/ 这是单行注释 / / 这是 多行注释 / / 这是一个井号注释 / 与传统的CSS注释不同，两个井号注释会被一些CSS预处理器（如SASS）识别为...

CSS两个井号，即##，是在CSS中用作注释的符号。

/* 这是单行注释 */
 
/*
这是
多行注释
*/
 
/* ## 这是一个井号注释 */ 

与传统的CSS注释不同，两个井号注释会被一些CSS预处理器（如SASS）识别为可以输出到CSS中的注释，而不是被忽略掉。这种特性可以用来生成一些注释类的样式，用于调试或者文档生成。例如：

/* ## Color Variables 
- Primary color: #0074d9
- Secondary color: #f94144
*/

$primary-color: ##0074d9;
$secondary-color: ##f94144;

.btn-primary {
  background-color: $primary-color;
}

.btn-secondary {
  background-color: $secondary-color;
} 

在上面的例子中，我们用两个井号的注释来定义了一组颜色变量，并且在SASS代码中引用了这些变量。生成的CSS代码中，这些注释依然存在，但是变量名已经被替换为了对应的颜色值。

需要注意的是，由于两个井号注释是一个非标准的语法，它可能会被一些CSS解析器或者编辑器解析不出来，导致产生错误。在编写CSS时建议使用传统的CSS注释方式，只在SASS等预处理器中使用两个井号注释。