css中~的含义

举例：

<div></div>

<p></p>

<span></span>

<p></p>

 

div ~ p{}

含义：代表在div和p标签有同一个父元素的前提下 div之后出现的所有p标签。

注： 两种元素必须拥有相同的父元素，但是 p 不需要直接紧随 div。