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

    CSS有哪些高级选择器

    小妮浅浅小妮浅浅2021-09-16 09:38:00原创4700

    1、后代选择器:定义的时候用空格隔开。

    <style type="text/css">
        .div1 p {
            color: red;
        }
    </style>

    空格就表示后代。.div1 p 表示.div1的后代所有的p。

    2、交集选择器:定义的时候紧密相连。

    定义交集选择器的时候,两个选择器之间紧密相连。一般是以标签名开头,比如div.haha,再比如p.special。

    如果后一个选择器是类选择器,则写为div.special;如果后一个选择器 id 选择器,则写为div#special。

    注: 交集选择器没有空格。没有空格的div.red(交集选择器)和有空格的div .red(后代选择器)不是一个意思。

    3、并集选择器:定义的时候用逗号隔开。

    三种基本选择器都可以放进来。

    p,
    h1,
    #mytitle,
    .one {
        color: red;
    }

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

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

    专题推荐:css选择器
    品易云
    上一篇:CSS简单常用属性的总结 下一篇:CSS伪类选择器是什么

    相关文章推荐

    • css怪异盒模型的介绍• css中padding如何计算• css中固定定位fixed是什么• css定位叠放次序是什么• css定位叠放次序的使用注意• css中hack是什么• css中hack的原理• css中hack的3种表现形式• css中link和@import的区别• CSS简单常用属性的总结

    全部评论我要评论

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

  • 取消发布评论
  • 

    Python学习网