Sass, css and content: attr()

Question

我正在尝试使用以下html之类的东西：

<div class="cowPen" data-cows="moo">The cow says </div>

在CSS中类似：

.cowPen:after {
    content: attr(data-cows);
}

哪个工作正常（https://jsfiddle.net/m12tnfjs/）

但是，当我尝试通过Sass/Compass创建相同的CSS时，它不起作用。根据Chrome Dev工具，该内容属性完全从元素中删除。

有什么想法？

谢谢！

P.S。我应该补充说，我正在尝试实施此处列出的技术，但使用SASS编译。

Answer 1

SASS不知道或关心您的HTML。是CSS预处理器。

假设SASS没有自己的attr()函数（它没有），那么这是：

.cowPen:before {
    content: attr(data-before);
}

会这样渲染：

.cowPen:before {
    content: attr(data-before);
}

换句话说，完全没有变化。