可以使用 HTML5 数据属性设置 CSS 值吗？

使用 HTML5 数据属性设置 CSS 值

最近出现了一个关于使用 HTML5 数据属性设置 CSS 值的可行性的问题。正如问题所提到的，尝试使用“attr(data-width)”符号设置“宽度”等 CSS 属性目前不起作用。

但是，W3C CSS 值和单位模块级别 3 (CSS3 Values）确实包含此功能的规定，如 https://www.w3.org/TR/css3-values/#attr-notation 中所述。

理论上，如下代码应该可以工作:

HTML

<div data-width="600px"></div>

CSS

div { width: attr(data-width) }

不幸的是，尽管是标准的一部分，但此功能仍处于草案形式，尚未在主要浏览器中完全实现。但是，在伪元素上设置内容时它确实起作用：

CSS

input::before { content: attr(data-placeholder) }

以上是可以使用 HTML5 数据属性设置 CSS 值吗？的详细内容。更多信息请关注PHP中文网其他相关文章！