嵌套括號表達式的CSS選擇器語法

Question

如何選擇以下內容（由jquery validate創建）？

<label class="error" for="location[]">...</label> 

CSS選擇

.error[for=location[]] 

不起作用既不

.error[for=location] 

Answer 1

你可以用雙引號"作爲屬性值：

.error[for="location[]"] 

或者使用前導背SLA SH \到escape括號爲：

.error[for=location\[\]] 

但是，您也可以使用attribute selector爲for^=location。

Answer 2

你需要把屬性值引號中選擇

.error[for="location[]"] 
{ 
    color:red; 
} 

的jsfiddle：http://jsfiddle.net/TQ2nN/