兄弟选择器是以~字符连接两个元素组合的选择器形式
语法:
- 元素1 ~ 元素2{声明样式}
实例HTML代码:
- <span>这是一个span标签A</span>
- <p>这是一个p标签</p>
- <code>什么是兄弟选择器 - 覃师宁博客</code>
- <span>这是一个被选中的span标签B</span>
实例CSS代码:
- p ~ span {color:#ed2000;}
实例在浏览器运行效果:
兄弟选择器是以~字符连接两个元素组合的选择器形式
语法:
- 元素1 ~ 元素2{声明样式}
实例HTML代码:
- <span>这是一个span标签A</span>
- <p>这是一个p标签</p>
- <code>什么是兄弟选择器 - 覃师宁博客</code>
- <span>这是一个被选中的span标签B</span>
实例CSS代码:
- p ~ span {color:#ed2000;}
实例在浏览器运行效果:
#版权声明#
一、覃师宁博客 | 本文采用知识共享署名 4.0 国际许可协议[BY-NC-SA]进行授权
二、文章名称:《什么是兄弟选择器?》
三、文章固定链接:http://qinshining.com/webpage/48.html
四、覃师宁博客(qinshining.com)原创版权所有,禁止一切形式采集/转载,如需转载请联系站长!