Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/git/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 让Sass解析浏览器黑客_Css_Sass - Fatal编程技术网

Css 让Sass解析浏览器黑客

Css 让Sass解析浏览器黑客,css,sass,Css,Sass,让Sass(3.4.15)解析浏览器CSS属性的最佳方法是什么?不使用compass或任何其他库。例如“U属性”或“*属性” .hack-test{ display: inline-block; display: *inline; } Invalid CSS after " display: ": expected expression (e.g. 1px, bold), was "*inline;" 我搜索了Stack Overflow,但找不到任何可以明确回答此问题的内容

让Sass(3.4.15)解析浏览器CSS属性的最佳方法是什么?不使用compass或任何其他库。例如
“U属性”
“*属性”

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

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

我搜索了Stack Overflow,但找不到任何可以明确回答此问题的内容。

您可以使用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浏览器黑客

我知道您在那里做了什么!但是我仍然收到一个错误:
错误:“…lude hack test(“:expected”)”之后的CSS无效,是“.foo”);“
我忘记了$star变量。你从哪里得到的错误?在尝试编译SCS时?在尝试编译时,是的。我仍然得到错误。安装的Ruby版本会影响什么吗?我看到了问题,参数应该在引号中:
@include hack test('.foo')修复了@PaulRedmond注释后的我的答案。他正在工作