最小化するとCSSが壊れる

Question

私はCSSコードを最小限に抑えるためにツールを使用しているウェブサイトを持っています。それはJCHと呼ばれ、Joomlaのプラグインですから、Drupalでも使えると思います。私は、このCSSコードの問題を持っている：

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

それはに変換されている：.nav.menu「に変換されます。ない：あなたが "ない.nav.menu" を見ることができるように

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

これはCSSルールを意図したとおりに適用しないようにします。

これはツール上のエラーである可能性があります。どのように私はそれを書き換えるか、その混乱を避けるために文字を追加することができますか？任意のアイデアを歓迎します。

Answer 1

これは実際にはバグであり、これが初めて発生したわけではありません。

このサイトのStackSnippetエディタは、Tidyボタンに非常に同じバグを持っていました。私のbug reportを参照してください。すぐ後に修正されました。

このように、JCHでバグレポートを提出し、それが修正されるのを待つことができます。

一方、:の前に*を挿入することで回避できます。
:not()はとにかく*:not()の略語なので、セレクタの意味を変えずに、暗黙の内容をすべて書き出すだけです。

Answer 2

これは間違いなくツールの問題です。MinifyのようなWebミニファイアが正しいコードを生成しています。

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