CSS3選擇器 :not() 讓CSS也支援判斷的機制［轉載自梅問題．教學網］-技術分享-網頁設計,JAVA程式設計,專案開發,網頁設計作品-傑立資訊網頁設計公司

其實現在不用這麼麻煩，只需透過CSS3的:not選擇器，就可實現像javascript中的ifb而判斷式，可以針對某個DIV不套用此效果，如此一來就設定上就更加的容易，甚至透過:not選擇器，也可用來當成搜尋器的關鍵字排除器，相當的方便，但這個:not選擇器要怎麼用呢?現在就一塊來看看吧～

首先，先建立好div的區塊，而梅干先簡單的建立5個DIV，並在二個DIV中加入active與active1的類別名稱。

<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>

接著當要排除套用時，只需加入:not(類別名稱)，這樣就會自動的略過該div，不套用此樣式。

.col:not(.active){

background:#E14521;

}

當有二個div不套用時，用法也很簡單，不是用,而是後方接著寫，這樣就可實現排除套用啦！這對於排版就真的是超方便的。

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

background:#E14521;

}

A+ Teacher 耶加線上英語視訊教學平台

精選專案.網頁設計.RWD響應式網站.企業形象網站 / 教育人文類

網站技術：PHP . Javascript/MySql

A+ Teacher擁有國外前百大公私立大學的優良師資，線上面對面的教學方式，讓你可以實際和外籍教師互動，保證讓你愛上開口說英文。A+ Teacher有兩大特色，分別是立即上課與預約上課。

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