类名中的方括号是什么意思？

I saw here http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/类名中使用的方括号：

<input class="validate[required,custom[onlyLetter],length[0,100]]" name="firstname" type="text" />

这些方括号是什么意思？

方括号用作属性选择器，以选择具有特定属性值的所有元素。换句话说，它们检测属性的存在。

示例1：

img[alt="picName"] {width:100px;}

只会影响

<img src="picName.png" alt="picName" />

在你的代码中，并且不会影响

<img src="picName.png" alt="picName2" />

示例2：

以下内容影响指定了 title 属性的所有元素：

[title] {border:1px dotted #333;}

示例3：

这个CSS

p[class~="fancy"]

会影响下面的html

<p class="fancy">Hello</p>
<p class="very fancy">Hola</p>
<p class="fancy maybe">Aloha</p>

但不会影响这个：

<p class="fancy-fancy">Privet</p>

示例4：

[lang|="en"]

会影响具有 lang 属性的元素，该属性是以连字符分隔的以“en”开头的单词列表，例如

<div lang="en">Tere</div>
<div lang="en-gb">GutenTag</div>

实施例5、6、7：(CSS3)