4

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

我尝试了以下方法，但父引用“&”在这种情况下不起作用。

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

1 回答 1

0

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

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

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

<html class="gecko firefox firefox26 mac">

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

.foo{ 显示：块；.firefox & { 显示；没有任何; } }

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

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

.firefox {
  // Do stuff here
}

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

于 2014-01-24T19:50:29.417 回答