not选择器的使用

103 阅读1分钟
 <style>
        /* 选中box 下的 全部son 但是标签不能是p */
        .box .son:not(p) {
            background-color: #0a0;
        }

        /* 分析这个选择器是什么意思? */
        /* 鼠标经过p不要绿色 */
        /* .box .son:not(p:hover) {
            background-color: #0a0;
        } */
    </style>

 <body>
    <div class="box">
        <div class="son">1</div>
        <div class="son">2</div>
        <p class="son">3</p>
        <p class="son">3</p>
        <p class="son">3</p>
        <p class="son">3</p>
    </div>
</body>