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功能。