CSS element+element 选择器

2018-01-05 18:53 更新

定义和用法

element+element选择器用于选择（不是内部）指定的第一个元素之后紧跟的元素。

element+element也称为相邻同级选择器。

此选择器选择作为另一个元素的以下相邻兄弟的元素。两个元素之间的任何文本都将被忽略;仅考虑元素及其在文档树中的位置。

例子：

table + p  {margin-top:  2em;}
h1  + *  {margin-top: 0;}

选择所有紧接着<div>元素之后的<p>元素:

div+p
{
background-color:yellow;
}

所有主流浏览器都支持element+element选择器。

注意: element+element在IE8中运行，必须声明 <!DOCTYPE>

以上内容是否对您有帮助：