否定伪类 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            
            /*
             * 为所有的p元素设置一个背景颜色为黄色，除了class值为hello的
             * 
             * 否定伪类：
             *     作用：可以从已选中的元素中剔除出某些元素
             *     语法：
             *         :not(选择器)
             */
            p:not(.hello){
                background-color: yellow;
            }
            
        </style>
    </head>
    <body>
        <p>我是一个p标签</p>
        <p>我是一个p标签</p>
        <p>我是一个p标签</p>
        <p class="hello">我是一个p标签</p>
        <p>我是一个p标签</p>
        <p>我是一个p标签</p>
    </body>
</html>

 

 

 

posted @ 2021-06-08 11:05  juham  阅读(40)  评论(0)  编辑  收藏  举报