CSS attr() 函数

Attr()是一个返回属性值的CSS函数。这意味着您可以使用任何定制属性在html标记中定义内容,然后使用attr()获取值。目前,它只适用于Content属性,但对其他属性的支持目前还处于实验阶段。

一个例子可以帮助解释。首先是HTML标记:

1<span data-tooltip="Cascading Style Sheets">CSS</span>

现在是css:

1[data-tooltip]::before {
2  content: attr(data-tooltip);
3}

有了它,你就可以在纯CSS中创建自定义工具提示。

浏览器支持

👉浏览器信息针对的是属性而不是内容。Attr()适用于所有浏览器的内容。

我是否可以从caniuse.com使用css3-attr?数据来支持主要浏览器的css3-attr功能。

Published At
Categories with 技术
Tagged with
comments powered by Disqus