css attr函数怎么用

`attr()`函数是CSS3中的一个新特性，它可以用于获取元素属性值，并将其作为CSS样式中的值。使用`attr()`函数可以使样式更加灵活和动态。

`attr()`函数的语法如下：

attr(attribute-name, [fallback-value])

其中，`attribute-name`表示要获取的属性名称，`fallback-value`是可选参数，表示如果获取不到属性值时的默认值。

举个例子，假设我们有一个自定义属性`data-color`，我们可以使用`attr()`函数将其作为背景颜色值：

div {
  background-color: attr(data-color, #ccc);
}

如果元素定义了`data-color`属性，则`background-color`的值将是`data-color`的值，否则将使用`#ccc`作为默认值。

需要注意的是，`attr()`函数只能在CSS属性值中使用，不能在属性名中使用。并且，一些浏览器可能不支持`attr()`函数，需要进行兼容性处理。