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