CSS 后续同胞（~）组合键

选择并样式化所有与父元素相同的，元素前面的元素。

p ~ ul {
background-color: gold;
border: 1px solid gray;
}

定义和用法

后续同胞组合键（~）匹配紧跟在第一个元素（element1）之后的 element2 的所有实例。

element1 和 element2 必须具有相同的父元素，但 element2 不必紧跟在 element1 之后。

版本	CSS3

表格中的数字表示首次完全支持该选择器的浏览器版本。

组合键
element1 ~ element2	4.0	7.0	3.5	3.2	9.6

element1 ~ element2 {
CSS 声明;
}