CSS attr()函数
CSS attr()函数用于从HTML元素中提取属性值，并将其用作CSS样式的属性值。它的使用方法是：attr(attributeName)。attributeName是HTML元素的属性名称，比如data-name，aria-label等等。
p {
font-size: attr(data-font-size);
color: attr(aria-label);
}
上面的代码演示了CSS attr()函数的使用方法，它可以从HTML元素中提取data-font-size和aria-label属性的值，并将其用作CSS样式的属性值。
CSS attr()函数的另一个应用是，可以用它来替换CSS中的常量值，比如可以用它来替换颜色值：
p {
color: attr(data-color);
}
上面的代码中，我们使用attr()函数从HTML元素中提取data-color属性的值，并将其用作CSS样式的属性值。这样，当我们想要更改颜色值时，只需要修改HTML元素的data-color属性值，而不需要修改CSS代码。
CSS attr()函数可以帮助我们从HTML元素中提取属性值，并将其用作CSS样式的属性值，从而解决CSS代码中的常量值替换问题。