正在回答
3回答
同学，你好。兄弟选择器分为相邻兄弟兄弟选择和通用兄弟选择器。
1、相邻选择器必须用+链接，
例：h3+ p {} 代表选取h3后面紧跟着的一个 p 元素，如果没有兄弟元素 p 或者 p元素 不是紧跟在 div 后面，就无法选取到。
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.h3 + p{
color: red;
}
</style>
</head>
<body>
<p>这是段落标签</p>
<p>这是段落标签</p>
<p>这是段落标签</p>
<h3 class="h3">这是标题标签</h3>
<p>这是段落标签</p>
<p>这是段落标签</p>
<p>这是段落标签</p>
<h3>这是标题标签</h3>
<p>这是段落标签</p>
<p>这是段落标签</p>
<p>这是段落标签</p>
</body>
</html>效果图：
2、通用选择器使用~连接，会选取指定元素后面所有的兄弟元素
例： h3 ~ p{} 会选择 h3后面所有的是 p元素的兄弟元素，有多少个就会选取多少个。
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.h3 ~ p{
color: red;
}
</style>
</head>
<body>
<p>这是段落标签</p>
<p>这是段落标签</p>
<p>这是段落标签</p>
<h3 class="h3">这是标题标签</h3>
<p>这是段落标签</p>
<p>这是段落标签</p>
<p>这是段落标签</p>
<h3>这是标题标签</h3>
<p>这是段落标签</p>
<p>这是段落标签</p>
<p>这是段落标签</p>
</body>
</html>效果图：
如果我的回答解决了您的疑惑，请采纳！祝学习愉快~~~~
相似问题
通用选择器 ~ 和 子选择器 > 有什么区别？？？
53
0
6
兄弟选择器问题
11
0
2
兄弟选择器
19
0
2
相邻元素选择器可以选择相同元素吗？
16
0
3
兄弟相邻选择器问题
8
0
2
登录后可查看更多问答，登录/注册
3.从网页搭建入门Python Web
- 参与学习 人
- 提交作业 218 份
- 解答问题 3562 个
本阶段带你用Python开发一个网站，学习主流框架Django+Flask是Python Web开发的第一步，在基础知识上实现积分商城的项目开发，体验真实的项目开发流程，提高解决编程问题和效率的能力。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星