最小化时CSS会被破坏

时间:2017-08-28 17:44:12

标签: css minify pseudo-element

我有一个网站,我们使用工具来最小化和压缩CSS代码。它被称为JCH,它是Joomla的插件,我想你也可以在Drupal上使用它。我有一个问题这个css代码:

#sp-user3 .help-menu .nav.menu :not(.user-menu){
display: inline-flex;
}

它正在转换为:

#sp-user3 .help-menu .nav.menu:not(.user-menu){display:inline-flex}

正如你所看到的那样" .nav.menu:not"转换为" .nav.menu:not"这会导致css规则无法按预期应用。

这可能是工具上的错误。我如何重写或添加角色以避免混淆?欢迎任何想法。

2 个答案:

答案 0 :(得分:1)

这是一个绝对的工具问题,像Minify这样的网络缩小器可以生成正确的代码。

#sp-user3 .help-menu .nav.menu :not(.user-menu){display:inline-flex}

答案 1 :(得分:1)

这确实是一个错误,这不是我第一次遇到它。

此网站上的StackSnippet编辑器过去常常在其Tidy按钮中出现相同的错误。查看我的bug report。很快就修好了。

因此,您可以使用JCH提交错误报告,然后等待它也得到修复。

同时,您可以在CSS中的*之前插入:作为解决方法。
:not()无论如何都是*:not()的简写,因此您不会改变选择器的含义,只需完整地写出隐含的内容。