> CSS在线开发手册 > element1~element2

实例

设置同一父元素下的 p 元素之后的每一个 ul 元素的背景颜色:

p~ul
{
background:#ff0000;
}
运行一下 »

定义和用法

element1~element2 选择器匹配出现在 element1 后面的 element2。

element1element2 这两种元素必须具有相同的父元素,但 element2 不必紧跟在 element1 的后面。

浏览器支持

<i>element1</i>~<i>element2</i><i>element1</i>~<i>element2</i><i>element1</i>~<i>element2</i><i>element1</i>~<i>element2</i><i>element1</i>~<i>element2</i>

所有主流浏览器都支持 element1~element2 选择器。

注意:要想在 IE8 及其之前的版本中使用这个选择器,必须声明 <!DOCTYPE>。


上一篇:
下一篇: