如何为 Internet Explorer 设置条件 SASS答案

【问题标题】：How to have Conditional SASS for Internet Explorer如何为 Internet Explorer 设置条件 SASS
【发布时间】：2014-08-27 12:13:00
【问题描述】：

我想知道是否有办法在 SASS 中为 Internet Explorer 提供条件语句

例如可以说这就是我要找的东西：

.container {
background-color: black
}

if ie10 {
.container {
background-color: yellow;
}
}

我发现了一些可以正常工作的 hack，例如

@media screen\0 {
.container {
background-color: yellow;
}
}

这个工作正常，但它是一个 HACK！我想避免它，因为谁知道 IE 什么时候修复了这个问题，然后我不得不重新编写我的整个代码。

这是另一个有效的技巧

.container {
background-color: black;
background-color: yellow\0/
}

所以在这种情况下，第二个语句由 IE 读取，但不是由 chrome 和 Mozilla 或 Safari 读取，所以这也可以解决问题，但同样，这也是一个 HACK！

我不想在我的项目中使用任何类型的 hack，因为它们没有特定的生命周期。

那么有没有人想出一种方法来应用 IE 条件 SASS 而不使用黑客但使用官方的东西。

非常感谢您的帮助。

【问题讨论】：

标签： sass

【解决方案1】：

你可以只导入一个ie部分（ie10.scss）

基础 SCSS

.ie10 {
  @import "ie10";
}

HTML

<!--[if IE 10]> <html class="ie10"> <![endif]-->

【讨论】：