css兄弟选择器(+ 和 ~)的使用和区别

如果需要选择紧接在另一个元素后的元素，而且二者有相同的父元素，可以使用相邻兄弟选择器

<div class="test">
    <h3>我是h3标签</h3>
    <p>11111</p>
    <p>22222</p>
</div>
<style>

 h3+p {

      color: red;

    }

</style>

~作用是查找某一个指定元素的后面的所有兄弟结点:用法同上