css attr
时间: 2023-07-02 07:10:37 浏览: 187
04-attr.js
CSS attr() 函数用于获取 HTML 元素的属性值,并将其作为 CSS 值使用。
它的语法如下:
```
attr(attribute-name, fallback-value)
```
其中,attribute-name 是要获取的属性名,fallback-value 则是属性值不存在或无效时的默认值。
例如,如果要将某个元素的 data-color 属性值作为背景色,可以这样写:
```css
background-color: attr(data-color, white);
```
这样,如果 data-color 属性存在且有效,背景色就会被设置为该属性值;否则,背景色会被设置为白色。
需要注意的是,attr() 函数只能用于获取某些特定的属性,如 data-* 属性、title 属性等,而不能用于获取所有属性。具体可参考 CSS 规范。
阅读全文