• 技术文章 >Web开发 >css教程

    css相邻兄弟选择器是什么

    小妮浅浅小妮浅浅2021-10-23 11:06:49原创5339

    1、相邻兄弟选择器是指在另一个元素之后可以选择的元素,两者具有相同的父元素。

    2、如需选择与另一元素紧密相连的元素,且两者具有相同的父元素,则可使用相邻兄弟选择器。

    选择器加号(+)作为相邻兄弟的结合符。

    实例

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    <style>
    div+p
    {
    background-color:yellow;
    }
    </style>
    </head>
    <body>
     
    <h1>Welcome to My Homepage</h1>
     
    <div>
    <h2>My name is Donald</h2>
    <p>I live in Duckburg.</p>
    </div>
     
    <p>My best friend is Mickey.</p>
     
    <p>I will not be styled.</p>
     
    </body>
    </html>

    以上就是css相邻兄弟选择器的介绍,希望对大家有所帮助。更多css学习指路:css教程

    专题推荐:css 选择器
    品易云
    上一篇:css中word-break属性是什么 下一篇:css普通兄弟选择器如何理解

    相关文章推荐

    • css中flex-shrink属性是什么• css中flex-basis属性是什么• css中align-self属性是什么• css代码的规范整理• css选择器的使用规范• css媒体查询的使用• css中有哪些命名规范• CSS中的三大特性• css权重的计算规则• css精灵图技术是什么• css滑动门技术是什么• css字母间距如何理解• css单词间距是什么

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网