什么是attr（）CSS函数？

Question

我在文档中看到了mozilla，我想知道如何使用属性： attr（）。

这是我看来的文档：mozilla

好的我理解这段代码：

p::before {
  content: attr(data-foo) " ";
}

<p data-foo="hello">world</p>

但我的问题是在css中使用attr（）的地方以及来自css的attr（）与来自javascript的attr之间的不同之处。

Answer 1

attr()用于操纵属性值。

在您的代码中

<p data-foo="hello">world</p>

data-foo是一个属性

所以

content: attr(data-foo) " ";

这里attr(data-foo)是值，即你好 所以输出是hello world