css屬性選擇器

1. [attr]——匹配的元素擁有指定屬性attr，不管屬性值是什麼，例如：input[disabled]。

2. [attr="value"]——匹配的元素擁有指定屬性attr，且屬性值等於指定的字符串值，例如：input[type="radio"]。

3. [attr^="value"]——「開頭」屬性選擇器。該選擇器匹配的元素擁有指定屬性attr，且屬性值的開頭是指定的字符串值，例如：a[href^="https"]。

4. [attr$="value"]——「結尾」屬性選擇器。該選擇器匹配的元素擁有指定屬性attr，且屬性值的結尾是指定的字符串值，例如：a[href$= ".pdf"]。

5. [attr＊="value"]——「包含」屬性選擇器。該選擇器匹配的元素擁有指定屬性attr，且屬性值包含指定的字符串值，例如：[class＊="sprite-"]。

6. [attr~="value"]——「空格分隔的列表」屬性選擇器。該選擇器匹配的元素擁有指定屬性attr，且屬性值是一個空格分隔的值列表，列表中的某個值等於指定的字符串值，例如：a[rel="author"]。 [attr|="value"]——匹配的元素擁有指定屬性attr，且屬性值要麼等於指定的字符串值，要麼以該字符串開頭且緊跟着一個連字符（-）。適用於語言屬性，由於該屬性有時候會指定一種語言的子集（好比墨西哥西班牙語，es-MX，或者普通的西班牙語，es），例如：[lang|="es"]。

7. 上述屬性選擇器都是區分大小寫的。選擇器規範Level4提出了一種不區分大小寫的修飾符，能夠做用於任何屬性選擇器。它的用法是將i添加到結束方括號前面，例如：input[value="search"i]。