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 所以输出是 hello world