css - 使用HTML5数据属性的CSS值

This question already has answers here:

CSS3's attr() doesn't work in major browsers

(4个答案)


3年前关闭。

width: attr(data-width);

我想知道是否可以通过使用HTML5的data-属性来设置css值的方式与设置css content的方式相同。目前不起作用。

的HTML

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

的CSS

div { width: attr(data-width) }

最佳答案

确实有此类功能的前提条件，请看http://www.w3.org/TR/css3-values/#attr-notation

此fiddle应该可以按照您的需要工作，但暂时不会。

不幸的是，它仍然是草案，并且尚未在主要浏览器上完全实现。

不过，它确实适用于伪元素上的content。

关于css - 使用HTML5数据属性的CSS值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9523197/