Question

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

例如让我们说这就是我要找的东西：

.container {
background-color: black
}

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

我找到了一些工作正常的黑客

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

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

这是另一个有效的黑客

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

所以在这种情况下，第二个语句由IE读取，但不是由Chrome和Mozilla或Safari读取，所以这也是诀窍但是，这也是一个HACK！

我不想在我的项目中使用任何类型的黑客，因为他们没有一定的生命。

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

我真的很感激帮助。

Answer 1

您可以导入ie partial（ie10.scss）

基础SCSS

.ie10 {
  @import "ie10";
}

HTML

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