前端基础-CSS相邻元素选择器

cwl_java

发布于 2020-04-07 15:20:53

1.4K0

发布于 2020-04-07 15:20:53

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

例：

<style>
	div+p{/* 兄弟选择器，哥哥标签+弟弟标签，，，，修饰的是弟弟 */
		color:red;	
	}
</style>
<div>第一个盒子</div>
<p>第一个段落</p>
<p>第二个段落</p>
<span>无用的标签</span>
<p>第三个段落</p>

效果图

总结：

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

2.修饰的是弟弟标签

3.不能通过弟弟选哥哥

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

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度