哥哥+弟弟{} /*通过哥哥选择到弟弟 */
例:
<style>
div+p{/* 兄弟选择器,哥哥标签+弟弟标签,,,,修饰的是弟弟 */
color:red;
}
</style>
<div>第一个盒子</div>
<p>第一个段落</p>
<p>第二个段落</p>
<span>无用的标签</span>
<p>第三个段落</p>
效果图
总结:
1.哥哥和弟弟中间用的符号:+
2.修饰的是弟弟标签
3.不能通过弟弟选哥哥
关系选择器:后代(空格),子元素(大于号),兄弟(加号)