關鍵詞：正則表達式

正則表達式是css的亮點之一，但是兼容性不太好，而且只支持一些基本的寫法：

• 字符 ^ 表示字符串開始位置匹配；
• 字符 $ 表示字符串結束位置匹配；
• 字符 * 表示字符串任意位置匹配；
• 字符 i 表示字符串匹配不區分大小寫；
• 字符 g 表示字符串全局匹配；

根據版本不同，可分為：

• CSS2.1屬性選擇器
• 直接匹配：[attr], [attr="val"], [attr~="val"], [attr|="bar"]
• CSS3屬性選擇器
• 正則匹配：[foo^="bar"], [foo$="bar"], [foo*="bar"]
• CSS4屬性選擇器
• 忽略大小寫匹配：[attr="val" i]

• [attr=”val”]元素的屬性名是'attr'值必須是'val'：
• [attr~=”val”]'attr'值需含有單詞'val'

• [attr|=”bar”]'attr'屬性值開頭必須是bar的單詞，或者開頭是bar-
• [attr=^”val”] 值開頭三個字符必須是val
• [attr$=”val”]屬性值最后三個字符必須是val
• [attr*=”val”]屬性值任意位置包含val這三個字符即可

• [attr="val" i]屬性值不區分大小寫（可惜IE不支持）

完畢，是不是太簡單了/(ㄒoㄒ)/~~