JSP|在CSS中设置id以相同字符串开头的正则表达式样式设置
在CSS中设置id以相同字符串开头的正则表达式样式设置，之前没有太多注意正则表达式在css中的应用。现在记下来希望更给需要的人提供参考。
【JSP|在CSS中设置id以相同字符串开头的正则表达式样式设置】
正则表达式中的一些通用规则：
1 ^ 表示字符串开始位置匹配
2 $表示字符串结束为止匹配
3 *表示字符串任意位置匹配
4 i表示字符串匹配不区分大小写
5 g 表示字符串全局匹配
css属性选择器与正则表达式：
1 [attr="val"] 选择attr属性值只为val的元素
2[attr]选择有attr这个属性的元素（区分大小写）
3 [attr~="val"] 选择属性为attr，并且属性值包含val单词的元素（区分大小写）|| 错误的：
4 [attr$="val"]选择属性attr的值结尾为val字符的元素 （区分大小写）|| 错误的：
5[attr^="val"]选择属性attr的值开头为val字符的元素 （区分大小写）|| 错误的：
6 [attr*="val"]选择属性attr的值任意位置包含val字符的元素（区分大小写）
7 [attr|="val"] 选择属性attr的值开头为val的单词或者为val-单词的元素（区分大小写）div attr="val"/>|| 错误的：
8 [attr*="val" I]或者[attr*="val" i]选择属性attr的值任意位置包含val或者VAL或者 Val 或者vAl或者 vaL字符（不区分大小写）的元素<
div attr="Val"/>
目前Chrome, FireFox, Safari已支持i正则，但是ie不支持不区分大小写，别的属性选择器ie7+都都支持
本人在css中使用的实例如下：
#css_animation,
[id^="overly"]{ visibility:hidden;
height:25px;
width:25px;
border-radius: 12px;
background: rgba(255,0,205, 0.9);
transform: scale(0);
animation: myfirst 1s;
animation-iteration-count: infinite;
}
@keyframes myfirst{ to{ transform: scale(2);
background: rgba(0, 0, 0, 0);
} }
