兄弟选择器是以~字符连接两个元素组合的选择器形式

语法：

• 元素1 ~ 元素2{声明样式}
• /* 声明选择同一父级元素下，选择元素1后面的所有兄弟元素2的css样式 */

实例HTML代码：

• <span>这是一个span标签A</span>
• <p>这是一个p标签</p>
• <code>什么是兄弟选择器 - 覃师宁博客</code>
• <span>这是一个被选中的span标签B</span>

实例CSS代码：

• p ~ span {color:#ed2000;}

实例在浏览器运行效果：