attr()
描述
attr() CSS 函数返回属性的值。这意味着您可以使用任何自定义属性在 html 标记中定义内容，然后使用 attr() 获取值。目前它仅适用于内容属性，但对其他属性的支持目前处于实验阶段。
语法
css
attr( <attr-name> <type-or-unit>? [ , <attr-fallback> ]? )
/* Simple usage */
attr(data-count);
attr(title);
/* With type */
attr(src url);
attr(data-count number);
attr(data-width px);
/* With fallback */
attr(data-count number, 0);
attr(src url, "");
attr(data-width px, inherit);
attr(data-something, "default");值
<attr-name>是 CSS 中引用的 HTML 元素的属性名称。<type-or-unit>是一个关键字，表示属性值的类型或其单位，如 HTML 中的某些属性具有隐式单位。以下关键字有效：<string>, <color>, <url>, <integer>, <number>, <angle>, <time>, <deg>, 以及 CSS 单位，如 em、ex、px、rem 、vw、vh、vmin、vmax、mm、cm、in、pt 或 pc<attr-fallback>如果该属性不存在或浏览器无法接收该属性，则将使用该值。