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

时间：2021-02-09 12:26:28 收藏：0 阅读：0

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

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

h3+p {

color: red;

}

</style>

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