CSS交集选择器和并集选择器_webeliveyou的博客-程序员宅基地_交集选择器和并集选择器

交集选择器是and,并集选择器是or。交集选择器最多只能够交2个,其中第一个是标记,第二个是类选择器或者id选择器,形如:.screen.now。并集选择器可以选择多个,中间需要用“,”隔开。

以下一段代码为简单实例:

<style>
/*一个并集选择器*/
    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>
<body>
    <h2>示例文字000</h2>
    <h2 class="special">示例文字001</h2>
    <p class="special">示例文字002</p>
    <h4 id="one">示例文字003</h4>
    <h4>示例文字004</h4>
</body>

 

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/webeliveyou/article/details/92855503

智能推荐

随便推点