欢迎访问覃师宁博客!
帝国cms使用教程手册

覃师宁博客 覃师宁博客

qinshining.com

当前位置:覃师宁博客 > 网页制作

什么是兄弟选择器?

来源:qinshining.com 编辑:覃师宁 时间:2021-01-05

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

语法:

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

实例HTML代码:

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

实例CSS代码:

  • p ~ span {color:#ed2000;}

实例在浏览器运行效果:

什么是兄弟选择器?
 

文章评论

人参与,共有条评论

为了响应国家网信办《网站要对跟帖评论审核管理规定》,网站评论将审核后发表