CSS3 element1~element2 选择器

实例

为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置背景：

p~ul
{
background:#ff0000;
}

亲自试一试

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

选择器	Chrome	IE	Firefox	Safari	Opera
element1~element2	4.0	7.0	3.5	3.2	9.6

注释：对于 IE8 中的该选择器，必须声明 <!DOCTYPE>。

定义和用法

element1~element2 选择器 element1 之后出现的所有 element2。

两种元素必须拥有相同的父元素，但是 element2 不必直接紧随 element1。