欢迎访问覃师宁博客!

覃师宁博客

qinshining.com

什么是相邻选择器?

简介 相邻选择器是以+字符连接两个元素组合的选择器形式语法: 元素1 + 元素2{声明样式} /* 声明选择同一父级元素下,紧跟在元素1之后的元素2css样式 */实例HTML代码: <ul> <li>

相邻选择器是以+字符连接两个元素组合的选择器形式

语法:

  • 元素1 + 元素2{声明样式}
  • /* 声明选择同一父级元素下,紧跟在元素1之后的元素2css样式 */

实例HTML代码:

  • <ul>
  •     <li>什么是相邻选择器 - 覃师宁博客</li>
  •     <li>这是项目列表A</li>
  •     <li>这是项目列表B</li>
  • </ul>

实例CSS代码:

  • li:first-of-type + li{color: red;}
  • /* 声明紧邻第一个li后面的li颜色为红色*/

实例在浏览器运行效果:

什么是相邻选择器?

文章评论

人参与,共有 0 条评论

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

微信订阅号