【摘要】：实例代码如下：li+li{background:green;color:yellow;border:1px solid#ccc;}上面的代码表示选择li的相邻元素li，这里一共有10个li，那么上面的代码选择了第2个到第10个li，一共9个，效果如图2.13所示。图2.13相邻兄弟选择器的使用实例1因为上面的“li＋li”中第二li是第一li的相邻元素，第三个又是第二个相邻元素，因此第三个也被选择，依次类推，后面九个li都被选中了。
相邻兄弟选择器可以选择紧接在另一元素后的元素，而且它们具有一个相同的父元素，换句话说，E、F两元素具有一个相同的父元素，而且F元素在E元素后面，而且它们相邻，这样就可以使用相邻兄弟元素选择器来选择F元素。实例代码如下：
li+li{background:green;color:yellow;border:1px solid#ccc;}
上面的代码表示选择li的相邻元素li，这里一共有10个li，那么上面的代码选择了第2个到第10个li，一共9个，效果如图2.13所示。
图2.13 相邻兄弟选择器的使用实例1
因为上面的“li＋li”中第二li是第一li的相邻元素，第三个又是第二个相邻元素，因此第三个也被选择，依次类推，后面九个li都被选中了。如果换一种方式来看，可能会更好理解一点：(www.xing528.com)
.active+li{background:green;color:yellow;border:1pxsolid#ccc;}
按照前面所讲的知识，这句代码很明显选择了li.active后面相邻的li元素，注意和li.active后面相邻的元素只有一个，如图2.14所示。
图2.14 相邻兄弟选择器的使用实例2
IE6不支持这个选择器。
免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。
