使用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托馬斯

舉例附加資源：

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

Answer 2

包括ID在您的HTML

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

然後在你的CSS，嘗試

#lg {color: red;}