兄弟选择符(E~F)
- 版本:CSS3
语法:
E~F{ sRules }
说明:
选择E元素后面的所有兄弟元素F。
- 与相邻选择符不同的是,兄弟选择符会命中所有符合条件的兄弟元素,而不强制是紧邻的元素。
E~F VS. E+F:
<style> /* 相邻选择符(E+F) */ p+p{color:#f00;} /* 兄弟选择符(E~F) */ p~p{color:#f00;} </style> p1
p2
这是一个标题
p3
这是一个标题
p4
p5
此例,如果使用 p+p{color:#f00;} ,那么p2,p5将会变成红色;如果使用p~p{color:#f00;},那么p2,p3,p4,p5将会变成红色;
兼容性:
- = 支持
- = 不支持
- = 部分支持
6.0 | 4.0 | 4.0 | 4.0 | 15.0 |
7.0 |