对于有相同父元素的相邻html元素查找便可以使用css的相邻兄弟选择器,这里我们就来看一下css的相邻兄弟选择器用法简单讲解:
可选择紧接在另一个元素后的元素，且二者有相同的父级元素 下面代码中，item2和item3会有效果，而item1不会有
HTML代码：
登录后复制 item1 item2 item3
立即学习“前端免费学习笔记（深入）”；
CSS代码：
li+li { font-size: 50px; }
登录后复制
立即学习“前端免费学习笔记（深入）”；
1、如果需要选择紧接在另一个元素后的元素，而且二者有相同的父元素，可以使用相邻兄弟选择器。
2、相邻兄弟选择器使用加号“+”做为连接符。
示例
#p1 + p { margin-top: 50px; } This is paragraph 1.
This is paragraph 2.
This is paragraph 3.
This is paragraph 4.
登录后复制
立即学习“前端免费学习笔记（深入）”；
更多CSS的相邻兄弟选择器用法示例讲解相关文章请关注PHP中文网！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2906409.html
