Question

我正在调试一大段CSS代码。我已将问题缩小到几行。我一直盯着那些线条太长时间，没有看到任何问题：

@-moz-document url(chrome://browser/content/browser.xul) {

#anyidentifier:not(.off) .anything {
  background-color: #222 !important; }
#anyidentifier:not(.on) .anything {
  background-color: #333 !important; }

}

根据Notepad ++，以及Firefox如何处理CSS，第一个开放式大括号与第一个close-curly-brace匹配。应该与最后一个close-curly-brace匹配。

我没看到什么？

或者这是Notepad ++中的错误，可能是Mozilla的Firefox？

Answer 1

Notepad ++仅识别某些已知的at-rules，并将无法识别的at-rules视为无效的CSS，就像浏览器一样。但是，不清楚这是否应该被视为Scintilla组件中语法高亮的错误。

这不会成为Firefox的问题，因为Notepad ++与浏览器无关。 @-moz-document是特定于Firefox的规则，并且......就此而言。

（是的，有一个@document at-rule从那时起被判处第4级，但无论其中哪个规格都没有改变前缀at-rules为非的事实-standard;您可以看到@-moz-keyframes和所有其他前缀的相同问题。）

为什么这些CSS花括号不匹配？

1 个答案: