css3 -- 属性选择器

属性选择器：

 

1、CSS属性选择器

属性选择器E[attr="value"]{}

包含属性选择器E[attr~="value"]{}

 

2、CSS3的新属性选择器

任意属性选择器E[attr*="value"]{}

开始子串属性选择器E[attr^="value"]{}

结束子串属性选择器E[attr$="value"]{}

多属性属性选择器E[attr="value"][attr="value"][attr="value"]{}

 

3、连接符（目前主流浏览器都支持）

E + F {} 相邻兄弟选择的是文档同一层级上的，紧邻在元素E之后的任意元素F

E ~ F {} 文档同一层级中，位于元素E之后任意元素F，不管是否相邻