使用CSS定位带连字符的属性

Question

如何使用CSS定位此链接的自定义属性，因为它是连字符？

<a href="#" liquid-goodness="milk">Milk Jug</a>

我试过了：

a[liquid-goodness="milk"]{ color:red; }
a["liquid-goodness"="milk"]{ color:red; }

这甚至可能吗？

Answer 1

第一个例子是正确的例子：

a[liquid-goodness="milk"]{ color:red; }

感谢David Thomas

附加资源以及示例：

http://css-tricks.com/multiple-attribute-values （谢谢，Josh Palmeri）

Answer 2

在HTML中添加ID

<a href="#" liquid-goodness="milk" id="lg">Milk Jug</a>

然后在你的CSS中，试试

 #lg {color: red;}