關(guān)鍵詞:正則表達(dá)式
正則表達(dá)式是css的亮點之一,但是兼容性不太好秫舌,而且只支持一些基本的寫法:
- 字符 ^ 表示字符串開始位置匹配烙丛;
- 字符 $ 表示字符串結(jié)束位置匹配羔味;
- 字符 * 表示字符串任意位置匹配赋元;
- 字符 i 表示字符串匹配不區(qū)分大小寫搁凸;
- 字符 g 表示字符串全局匹配护糖;
根據(jù)版本不同嚼松,可分為:
- 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]屬性值不區(qū)分大小寫(可惜IE不支持)
完畢很澄,是不是太簡單了/(ㄒoㄒ)/~~