CSS相邻兄弟选择器的定义方式
CSS相邻兄弟选择器
HTML中的兄弟元素,如<div><p></p><span></span></div>中,元素p和元素span便称为相邻的兄弟元素,该选择器的语法如下:
CSS相邻兄弟选择器定义语法
A + B{ 样式声明 }
提示:相邻兄弟选择器是选择A元素之后紧跟着的兄弟元素B。A可以是HTML的元素,也可以是HTML元素的类和id。
CSS相邻兄弟选择器实例代码,及在线编辑器
<div><span id='e3' class='d3'><p>这是对照的元素p</p>这是元素span</span><p>这是span元素之后紧跟着的相邻兄弟元素p</p></div>
<style>
span + p{color:skyblue;}
/* .d3 + p{color:blue;} */
/* #e3 + p{color:orange;} */
</style>