使用条件注释,可以使用特定于浏览器的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的“特殊”……
好,我找到了。这可能是那里最干净,最简单的解决方案,并且不依赖于打开JavaScript。
@-moz-document url-prefix() { h1 { color: red; } } <h1>This should be red in FF</h1>
它基于另一个Mozilla特定的CSS扩展。这里有这些CSS扩展的完整列表:MozillaCSS扩展。