CSS Selector嵌套括号表达式的语法

Question

如何选择以下内容（由jquery validate创建）？

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

CSS选择器

.error[for=location[]] 

既不起作用

.error[for=location] 

Answer 1

您需要将属性值放在选择器

中的引号中

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

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

Answer 2

您可以使用引号"将属性值包装为：

.error[for="location[]"]

或使用前导斜杠\至 escape 括号：

.error[for=location\[\]]

但是，您也可以将attribute selector用作for^=location。