相邻兄弟选择器用什么符号连接两个元素
原创相邻兄弟选择器用什么符号连接两个元素
原创
用户9470376
发布于 2023-12-08 09:23:49
发布于 2023-12-08 09:23:49
相邻兄弟选择器使用的符号
CSS中，相邻兄弟元素选择器使用“+”加号来连接两个两个元素选择器。语法如下：
选择器1+选择器2{属性: 属性值;}
相邻兄弟选择器选择的哪个兄弟元素
据个人的编程经验，相邻的兄弟选择器匹配选择的一般是写在选择器1匹配到的元素1后面的那个元素2，而不是写在元素1前面的元素。可以参考下方的实例代码。
相邻兄弟选择器实例代码
下方实例，设置了三个段落p元素，并通过中间的元素使用相邻兄弟选择器来匹配选择相邻的兄弟元素，并设置样式。运行之后可以看看那个元素p的样式被设置：
<p>段落1</p>
<p id="p1">段落2</p>
<p>段落3</p>
<style>
#p1 + p{color:green;font-size:1.5em;}
</style>免责声明：内容仅供参考。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读
目录