有没有一种简单的方法可以在SCSS文档中使用"@-moz-document url-prefix()"来针对Firefox。
我尝试过以下操作,但是父引用"&"在这种情况下不起作用。
#nav li{
display: table-cell;
@-moz-document url-prefix(){
& {
display: inline-block;
}
}
}
我不时遇到这样的小问题。我主要使用这种技术来修复IE8。这是我的解决方案:
首先安装:https://github.com/rafaelp/css_browser_selector
这为我提供了每个浏览器的浏览器和渲染类:
<html class="gecko firefox firefox26 mac">
然后在我的SCSS中,我可以这样做:
.foo{显示:块;.ffirefox&{陈列没有一个}}
这个例子在Firefox中隐藏了.foo。使用&在之后,选择器返回树。SASS是不是很棒?!?!?
或者,安装脚本并创建一个单独的firefox.scss,然后像这样启动它:
.firefox {
// Do stuff here
}
通常,使用类似Modernizr的功能检测比在特定浏览器上播放更容易,但有时需要解决各种浏览器问题。