仅使用CSS定位Firefox

使用条件注释，可以使用特定于浏览器的CSS规则轻松定位Internet Explorer：

<!--[if IE 6]>
...include IE6-specific stylesheet here...
<![endif]-->

有时，行为不当的是Gecko引擎（Firefox）。

也就是说，Internet Explorer不仅应该忽略仅Firefox的规则，而且WebKit和Opera也应该忽略它们。

我正在寻找一种“干净”的解决方案。在我看来，使用JavaScript浏览器嗅探器向HTML添加“

firefox”类并不符合要求。我希望看到一些依赖于浏览器功能的内容，就像条件注释只是IE的“特殊”……

好，我找到了。这可能是那里最干净，最简单的解决方案，并且不依赖于打开JavaScript。

@-moz-document url-prefix() {
  h1 {
    color: red;
  }
}
<h1>This should be red in FF</h1>

它基于另一个Mozilla特定的CSS扩展。这里有这些CSS扩展的完整列表：MozillaCSS扩展。