获取Sass来解析浏览器hacker

Question

获取Sass（3.4.15）解析浏览器CSS属性hack的最佳方法是什么 - 不使用指南针或任何其他库。例如。 '_property'或'*property'。

.hack-test{ 
    display: inline-block; 
    display: *inline; 
} 

Invalid CSS after " display: ": expected expression (e.g. 1px, bold), was "*inline;" 

我搜索了周围堆栈溢出，但找不到任何可以明确地回答这个问题。

Answer 1

您可以使用sass字符串，以这种方式将无效的css注入为字符串。 我把它全部混入内进行再利用：

$star: "*inline"; 

@mixin hack-test($selector) { 
    #{$selector} { 
    display: inline-block; 
    display: #{$star}; 
    } 
} 

所以，如果你尝试使用的mixin：

@include hack-test('.foo'); 

CSS的输出将根据需要：

.foo { 
    display: inline-block; 
    display: *inline; 
} 

你可以查看我已经放在Github上的一些SCSS浏览器黑客here