相邻元素选择器

哥哥+弟弟{}  /*通过哥哥选择到弟弟 */

例:

<style>
	div+p{/* 兄弟选择器,哥哥标签+弟弟标签,,,,修饰的是弟弟 */
		color:red;	
	}
</style>
<div>第一个盒子</div>
<p>第一个段落</p>
<p>第二个段落</p>
<span>无用的标签</span>
<p>第三个段落</p>
效果图
在这里插入图片描述

总结:

​ 1.哥哥和弟弟中间用的符号:+

​ 2.修饰的是弟弟标签

​ 3.不能通过弟弟选哥哥

关系选择器:后代(空格),子元素(大于号),兄弟(加号)

Logo

技术共进,成长同行——讯飞AI开发者社区

更多推荐