什么是CSS ATTR功能的正确用法？(What is the correct usage of C

由于此功能在IE8中实现，我想看看到底是什么，我可以用它做什么，但我无法得到它比任何地方工作等：前：CSS after伪元素。 应在下述被允许？

span[color] { color: attr(color); }

我在谷歌Chrome尝试它，但没有奏效。 此外，关于像更有活力的东西是什么：

input[value=attr(default)] { color: gray; }

Answer 1:

在CSS 2.1（这是应该使用这些天）的ATTR功能是有点在它能做什么限制。 它可以出现的唯一地点是在内容上的属性：before和：after伪元素 。 所以，它的唯一目的是生成的内容 。

在CSS 3这改变了一点 ，在ATTR（）可以返回其它类型不是只字符串和它可以用于其它性能为好。

但请记住，大部分CSS 3的仍是一个工作草案有极少数的功能（不包括值和单位 ）是一个候选推荐标准。 支持通过用户代理的CSS 3层的功能有限，而旁边不存在之间目前变化。 大多是浏览器厂商似乎通过实施“很酷的东西”之类的圆形边框，文字阴影，等打无聊但这并不意味着大量的工作支持它。 但是，你看这里绝对是超出了和WD状态不会在不久的将来改变。 所以不要指望它在任何地方实现。

Answer 2:

只要使用

span.red {}

对于任何不同的颜色，我不认为你需要的所有组合:)

或者只是使用

span[color="red"] {}

文章来源: What is the correct usage of CSS attr function?