CSS Attr() Gets an Upgrade
a year ago
- #Web Development
- #CSS
- #attr()
- 重新设计的CSS `attr()`函数现在适用于任何CSS属性，不再仅限于伪元素的`content`属性。
- 它能将HTML属性值解析为多种CSS数据类型，例如`<color>`、`<custom-ident>`以及像`px`这样的长度单位。
- 示例包括使用`attr()`从`data-color`属性设置`color`，或从元素的`id`属性设置`view-transition-name`。
- 该函数支持回退值，例如`attr(data-foo type(<color>), red)`在解析失败时会默认使用`red`。
- 若未指定类型，`attr()`会默认将值解析为CSS字符串，以保持向后兼容性。