<分区>
width: attr(data-width);
我想知道是否有任何方法可以使用 HTML5 的 data- 属性设置 css 值，就像设置 css content 一样。目前它不起作用。
HTML
<div data-width="600px"></div>
CSS
div { width: attr(data-width) }
标签 css html attributes
<分区>
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。
关于使用 HTML5 数据属性的 CSS 值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9523197/