相邻选择符(E+F)
- 版本:CSS2
语法:
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 |