CSS attr()函数

示例

返回所选元素的属性值。

下面是一个blockquote元素,其中包含一个字符data-*,CSS可以使用此函数在该属性内使用一个字符(例如,在::before和::after伪元素内)。

<blockquote data-mark='"'></blockquote>

在下面的CSS块中,将字符添加到元素内部的文本之前和之后:

blockquote[data-mark]::before,
blockquote[data-mark]::after {
    content: attr(data-mark);
}