1. 否定伪类:not

    class="example"

    class="example intro"

    
    .example:not(.intro) {
      color: #00b0e0;
    }
    <p class="example">class="example"</p>
    <p class="example intro">class="example intro"</p>
        
  2. 关系伪类:has

    关系伪类:has
    
    .example2:has( > .border ) {
      border: 1px solid #00b0e0;
    }
    <div class="example2" href="#">
      <div class="border">
        关系伪类:has
      </div>
    </div>