css ~波浪线选择器连接符General Sibling Selector

https://developer.mozilla.org/en-US/docs/Web/CSS/General_sibling_selectors

The ~ combinator separates two selectors and matches the second element only if it is preceded by the first, and both share a common parent.

这种波浪线~ 分割两个Css选择器，第二部分选择器仅匹配那些不是第一个选择器 且不是第一个选择器的后代的元素（不是第一个选择器 且 不是他的后代元素）

css3 新增 ~ x

p ~ span {
  color: red;
}

则页面上即使不在p元素下面的span 也会变为红色