欢迎访问覃师宁博客!

什么是相邻选择器?

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

语法:

  • 元素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 条评论

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