仅使用CSS定位Firefox

Question

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

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

有时，行为不当的是Gecko引擎（Firefox）。 什么是将CSS规则仅定位到Firefox而不是其他浏览器的最佳方式？
也就是说，Internet Explorer不仅应该忽略仅Firefox的规则，而且WebKit和Opera也应该忽略它们。

注意： 我正在寻找一种“干净”的解决方案。在我看来，使用JavaScript浏览器嗅探器向HTML添加“
firefox”类并不符合要求。我希望看到一些依赖于浏览器功能的内容，就像条件注释只是IE的“特殊”……

Answer 1

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

@-moz-document url-prefix() {

  h1 {

    color: red;

  }

}


<h1>This should be red in FF</h1>

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