CSS 相邻兄弟选择器:element+element选择器用于选择（不是内部）指定的第一个元素之后紧跟的元素。
语法
CSS 相邻兄弟选择器语法结构图如下：
![\"CSS](\"/images/css_1076_1.png\")
在这里注意一点，相邻选择器的操作对象是该元素的同级元素。
实例
<!DOCTYPE html>
<html ns=\"http://www.w3.org/1999/xhtml\">
<head>
< ></ >
<style type=\"text/css\">
#lv+div{color:red;}
</style>
</head>
<body>
<div>码农教程</div>
<div id=\"lv\">
<p>码农教程</p>
</div>
<div>码农教程</div>
<div>码农教程</div>
</body>
</html>
运行结果如下：
![\"css](\"/images/css_1076_2.png\")
分析：“#lv+div{…}”表示选择“id为lv的元素”的相邻的下一个兄弟元素div，也就是第3个div元素。
继续阅读与本文标签相同的文章
-
大反转！谷歌态度开始“服软”，华为即将获得GMS许可
2026-05-14栏目： 教程
-
Python 超简单实现9种图像风格迁移
2026-05-14栏目： 教程
-
华为打回欧洲市场！HMS取得重大成功，大量APP接入！谷歌慌不慌？
2026-05-14栏目： 教程
-
PS保存图片提示“无法完成请求”，这里有4种解决方法！
2026-05-14栏目： 教程
-
想买1000元左右的5G手机？我们需要等多久？
2026-05-14栏目： 教程