今天小编跟大家讲解下有关非首位子元素选择器加号“+”的使用 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关非首位子元素选择器加号“+”的使用 的相关资料，希望小伙伴们看了有所帮助。
前方元素 + 目标元素样式声明,它只会匹配紧跟其前方元素的同胞元素,该选择器使用加号“+”来链接前后两个选择器,选择器中的元素(均是兄弟同胞关系)有同一个父亲 而且第二个必须紧紧的跟着第一个。 复制代码代码如下: li + li { color: red; } img, span { display: block; } img + span.caption { font-style: italic; color: red; } <ul> <li>one</li> 这一行颜色不变 <li>one</li> <li>two</li> <li>three</li> </ul> <span class="caption">Before the photo</span> <img src=http://xyrl.com/skin/7ke/image/nopic.gif <span class="caption">After first photo 1</span> <span class="caption">After first photo 2</span> <img src=http://xyrl.com/skin/7ke/image/nopic.gif <span class="caption">After The second photo</span>来源：爱蒂网
