CSS3選擇器 :not() 讓CSS也支援判斷的機制［轉載自 梅問題．教學網］

1

2

3

4

5

6

7

8

9

<div class="container">

  <div class="row">

    <div class="col">col－1</div>

    <div class="col active">col－2</div>

    <div class="col">col－3</div>

    <div class="col active1">col－4</div>

    <div class="col">col－5</div>

  </div>

</div>

1

2

3

.col:not(.active){

  background:#E14521;

}

1

2

3

.col:not(.active):not(.active1){

  background:#E14521;

}