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

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

我已尝试以下操作，但父引用“&”在此上下文中不起作用。

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

最佳答案

我时常会遇到类似的小问题。我主要用这个技术来修复IE8。这是我的修复:

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

<html class="gecko firefox firefox26 mac">

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

.foo{ 显示: block ； .firefox & { 展示;没有任何; } }

此示例在 Firefox 中隐藏 .foo。在选择器之后使用& 来查找树。 SASS 不是很棒吗？!？!？

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

.firefox {
  // Do stuff here
}

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

关于firefox - 在 SCSS 中使用 @-moz-document url-prefix() 来定位 Firefox，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18623349/