有什么办法在CSS中嵌套注释吗?
例如,当我尝试注释掉以下两个语句时,外部注释在嵌套注释中遇到* /时停止,剩下的第一个语句和第二个语句将被取消注释。
/* #container { width: 90%; /* nested comment here */ margin: 0 auto; } #container .class { width: 25%; } */
当我想尝试一种涉及多个语句的不同样式技术时,我经常遇到这个问题。
我熟悉CSS specification的评论和rationale,但也知道有一个workaround嵌套HTML评论,我希望有一个类似的黑客的CSS。
有没有人发现在CSS中嵌套注释的方法?
解决方法
您可以将规则换成嵌套的规则,例如不存在的媒体类型:
@media DISABLED { #container { width: 90%; /* nested comment here */ margin: 0 auto; } #container .class { width: 25%; } }