我有一个网站,我们使用工具来最小化和压缩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规则无法按预期应用。
这可能是工具上的错误。我如何重写或添加角色以避免混淆?欢迎任何想法。
答案 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()
的简写,因此您不会改变选择器的含义,只需完整地写出隐含的内容。