zoukankan      html  css  js  c++  java
  • 一段代码学会CSS交集选择器和并集选择器

    1、交集选择器是and;
    2、并集选择器是or;
    3、交集选择器只能交2个,其中第1个是标记,第2个是类选择器或者ID选择器,之间不能有空格,形如:h2.special;
    4、并集选择器可多个,中间用“,”隔开;

    下面的代码演示了两种选择器的作用(实际运行效果见上图)。

    <!--以下为CSS代码部分-->
    <style type="">
    /*一个并集选择器*/
        h1,h2,h3,p{
        font-size:12px;
        color:green;
        }    
    /*并集选择器内依次有交集选择器(h2.special)、类选择器(special)、ID选择器(#one)*/
        h2.special,.special,#one{
        text-decoration: underline;
        color: red;
        }
    /*交集选择器*/
        h2.special{
        color:blue;
        font-size: 30px
        }
    </style>
    <!--以下为html代码部分-->
    <body>
        <h2>示例文字000</h2><!--应用于上方的并集选择器,绿字-->
        <h2 class="special">示例文字001</h2><!--应用于下方交集选择器,交集选择器和并集选择器重复定义的内容,以交集选择器为准,下划线,蓝色大字,而不是红色-->
        <p class="special">示例文字002</p><!--体现并集选择器中的类选择器,下划线,并集选择器优先级低于类选择器,所以不是绿字,是红字-->
        <h4 id="one">示例文字003</h4><!--体现并集选择器中的ID选择器,下划线,红字-->
        <h4>示例文字004</h4><!--参照组-->
    </body>
  • 相关阅读:
    浅析Java中的final关键字
    浅谈JAVA集合框架
    While reading XXX pngcrush caught libpng error: N
    git/svn里面的merge和rebase区别
    kvc kvo 总结---180313
    iOS 拨打电话三种方式总结
    IOS中获取各种文件的目录路径的方法-备
    文件管理系统-备
    iOS界面调试工具 Reveal-备用
    十六进制string转换UIColor -备用
  • 原文地址:https://www.cnblogs.com/roytanlu/p/2483535.html
Copyright © 2011-2022 走看看