使用@-moz文档url-prefix()在SCSS中定位Firefox



有没有一种简单的方法可以在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的功能检测比在特定浏览器上播放更容易,但有时需要解决各种浏览器问题。

最新更新