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

有什么想法吗？

谢谢！

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

Answer 1

SASS 不知道也不关心你的 HTML。它是一个 CSS 预处理器。

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

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

会这样渲染：

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

换句话说，完全不变。