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

    CSS并集选择器的介绍

    小妮浅浅小妮浅浅2021-08-27 09:51:44原创4013

    1、给所有选择器选中的标签设置属性。

    格式:

    选择器1,选择器2{
        属性:值;
     }

    2、并集选择器必须使用,来连接。选择器可以使用标签名称/id名称/class名称。

    实例

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>并集选择器</title>
    <style type="text/css">
    /* 并集选择器的用法,两个标签用逗号隔开 */
    #div_01,.c_01,div{
    background-color: #9ACD32;
    width: 200px;
    height: 200px
    }
    </style>
    </head>
    <body>
    <div id="div_01">
    这是第一个div
    </div>
    <!-- 中间用p标签隔开,更容易看出效果 -->
    <p>这是p标签</p>
    <div>
    这是第二个div
    </div>
    <p>这是p标签</p>
    <div>
    这是第三div
    </div>
    <p>这是p标签</p>
    </body>
    </html>

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

    本文教程操作环境:windows7系统、css3版,DELL G3电脑。

    专题推荐:css并集选择器
    品易云
    上一篇:css后代选择器和子元素选择器的区别 下一篇:CSS兄弟选择器的两种类型

    相关文章推荐

    • css中box-shadow方法如何使用• css中outline方法的使用• Vue框架在PostCSS中使用sass的方法• CSS实现轮播图的方法• css内联样式的盒子模型• css标签选择器的使用注意• css中id选择器的注意点• css中类选择器的注意事项• css后代选择器的使用• css子元素选择器的介绍• css后代选择器和子元素选择器的区别

    全部评论我要评论

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

  • 取消发布评论
  • 

    Python学习网