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

时间:2013-09-04 20:39:25

标签: firefox sass

是否有一种简单的方法可以使用“@ -moz-document url-prefix()”来定位SCSS文档中的Firefox。

我尝试了以下内容,但是父参考“&”在这种情况下不起作用。

#nav li{
   display: table-cell;
   @-moz-document url-prefix(){
      & {
         display: inline-block;
      }
   }
}

1 个答案:

答案 0 :(得分:0)

我经常遇到这样的小问题。我主要使用这种技术来修复IE8。这是我的修复:

首先我安装:https://github.com/rafaelp/css_browser_selector

这为我提供了每个浏览器的浏览器和渲染类:

<html class="gecko firefox firefox26 mac">

然后在我的SCSS中,我可以这样做:

包含.foo {    显示:块;    .firefox&amp; {       显示;没有;    } }

此示例在Firefox中隐藏.foo。使用&amp; 后,选择器会查找树。 SASS不是很棒吗?!?!?

或者,安装脚本并创建一个单独的firefox.scss,然后像这样启动它:

.firefox {
  // Do stuff here
}

通常,使用Modernizr之类的功能检测比播放特定浏览器更容易,但有时您需要解决各种浏览器问题。