css - 是否有可以在 css 文件中使用的 NOOP 规则？

Question

我正在对遗留代码进行一些重构，以将样式从 html 移动到样式表文件。我们的构建过程通过 YUI 压缩器压缩器运行样式表 css 文件。在其效率中剔除空.selector { }款式见-YuiDoc's No empty declarations section .

当在某些地方代码找到并修改样式表规则，但找不到已缩小/剥离的规则时，就会出现问题。是否有 noop 规则，它们不会影响任何渲染，但会在样式表中保留有效的空规则？

Answer 1

根据 W3C CSS2 Specification

In CSS, identifiers may begin with '-' (dash) or '_' (underscore). Keywords and property names beginning with -' or '_' are reserved for vendor-specific extensions

因此，您可以创建自己的属性，例如 -custom-noop: noop;没有验证器提示太多。但是，如果您使用它，您可能会在旧浏览器中忽略块中的其他规则时遇到一些问题。

编辑:
您可能对这种语法也有一些运气:

.someclass{
    /*! Keep Me */
}

像这样的评论在压缩后保留，因此它可能有助于保留评论所在的块。注意压缩后的 !被剥离，因此您每次压缩时都需要将其添加回来。