Sass，css和内容：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开发工具，内容属性将完全从元素中删除。

有什么想法吗？

谢谢！

P.S。我应该补充一点，我正在尝试实现列出的here技术但是使用sass编译。

Answer 1

SASS不了解或关心您的HTML。这是一个CSS预处理器。

假设SASS没有自己的attr()功能（它没有），那么这个：

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

将呈现如下：

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

换句话说，完全不变。