css 选择器中的正则表达式

标签：单词   att   属性选择器   正则表达   自己的   css   位置   使用   通用   

正则表达式在任何语言中都有使用，只是使用的形式不一样而已

css也是一门语言，也有自己的正则表达式

正则表达式中的一些通用规则：

1 ^ 表示字符串开始位置匹配

2 $表示字符串结束为止匹配

3 *表示字符串任意位置匹配

4 i表示字符串匹配不区分大小写

5 g 表示字符串全局匹配

css属性选择器与正则表达式：

1 [attr="val"] 选择attr属性值只为val的元素<div attr="val"/>

2[attr]选择有attr这个属性的元素（区分大小写） <div attr="val"/> <div attr /> <div attr="val5435454"/>

3 [attr~="val"] 选择属性为attr，并且属性值包含val单词的元素（区分大小写） <div attr="text val"/> <div attr="val"/> || 错误的：<div attr="val-ue"/> <div attr="value"/>

4 [attr$="val"]选择属性attr的值结尾为val字符的元素 （区分大小写）<div attr="text val"/>  <div attr="val"/> <div attr="434val"/> || 错误的：<div attr="val323"/> <div attr="val-ue"/>

5[attr^="val"]选择属性attr的值开头为val字符的元素 （区分大小写）<div attr="val"/> <div attr="val-ue"/> <div attr="value"/>|| 错误的：<div attr="text val"/> 

6 [attr*="val"]选择属性attr的值任意位置包含val字符的元素（区分大小写）<div attr="text val"/> <div attr="val"/> <div attr="val-ue"/> <div attr="value"/> 

7 [attr|="val"] 选择属性attr的值开头为val的单词或者为val-单词的元素（区分大小写）div attr="val"/> <div attr="val-ue"/>  || 错误的：<div attr="val  text "/> <div attr="text val"/> <div attr="value"/>

8 [attr*="val" I]或者[attr*="val" i]选择属性attr的值任意位置包含val或者VAL或者 Val 或者vAl或者 vaL字符（不区分大小写）的元素<div attr="text val"/> <div attr="val"/> <div attr="val-ue"/> <div attr="value"/><

   div attr="Val"/> <div attr="VAL"/><div attr="VAl"/> <div attr="vaL"/> 

目前Chrome, FireFox, Safari已支持i正则，但是ie不支持不区分大小写，别的属性选择器ie7+都都支持

css 选择器中的正则表达式

标签：单词   att   属性选择器   正则表达   自己的   css   位置   使用   通用   

原文地址：http://www.cnblogs.com/xiaofenguo/p/6134303.html