css中的正则表达式

关键词：正则表达式

正则表达式是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ㄒ)/~~