CSS嵌套注释

Question

有没有办法在CSS中嵌套注释？

例如,当我尝试注释掉以下两个语句时,外部注释在遇到嵌套注释中的*/时结束,而第一个语句和第二个语句的其余部分取消注释.

/*
    #container {
        width: 90%;     /* nested comment here */
        margin: 0 auto;
    }

    #container .class {
        width: 25%;
    }
*/

当我想尝试涉及多个语句的不同样式技术时,我经常遇到这个问题.

我熟悉CSS 规范的注释及其基本原理,但也知道有一个嵌套HTML注释的解决方法,我希望有类似的CSS攻击.

有人找到了在CSS中嵌套注释的方法吗？

Answer 1

CSS没有可嵌套的注释语法.

您可以将规则包装在嵌套的内容中,但不会匹配任何内容,例如不存在的媒体类型:

@media DISABLED {
    #container {
        width: 90%;     /* nested comment here */
        margin: 0 auto;
    }

    #container .class {
        width: 25%;
    }
}

这有一个警告,它不会显然是一个注释(所以它不会被删除注释的工具删除),并将导致浏览器花时间解析它并发现它不匹配.但是,这些都不应该成为临时开发使用的问题,这是人们想要简单地注释掉大块的常见原因.

Answer 2

CSS无法处理嵌套注释。

使用LESS或SASS之类的CSS预处理器，您可以使用

// this syntax

这些不会显示在您的最终CSS中。

Answer 3

嗯,是的,你为HTML评论链接的相同"解决方法"可以在这里工作.将内部更改*/为* /(带空格).实际上没有办法嵌套块注释.