Question

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

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

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

Answer 1

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

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

<html class="gecko firefox firefox26 mac">

然后在我的SCSS中，我可以这样做：

包含.foo { 显示：块; .firefox＆amp; { 显示;没有; } }

此示例在Firefox中隐藏.foo。使用＆amp; 在后，选择器会查找树。 SASS不是很棒吗？！？！？

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

.firefox {
  // Do stuff here
}

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