css3 :not(選擇器) 的簡單使用

。

        <ul>
            <li class="a">li</li>
            <li class="a">li</li>
            <li class="a">li</li>
            <p class="a b">p</p>
            <li class="a">li</li>
            <li class="a">li</li>
        </ul>
        <li>li</li>
        <p>p</p>

style

    .a:not(.b){
        color:red;
    }

效果：

 

 就把：not()  當成和其它一樣的選擇器就行  和其它選擇器使用方式相同（子代、連級、等）

 

 

 

 

 

。