not选择器、css

not选择器

    <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>
        <h1 class="son">嘻嘻嘻</h1>
        <h2 class="son">嘻嘻嘻</h2>
        <h3 class="son">嘻嘻嘻</h3>
    </div>

上面是body配置，下面是css样式

      
      选中box 下的 全部son 但是标签不能是p （不选中p标签）
      .box .son:not(p) {
          background-color: #0a0;
        } 
      
      不选中最后一个p标签
        .box .son:not(p:last-of-type) {
            background-color: #0a0;
        }