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;

}

GPM 均豪精密工業 ESG永續發展半導體科技自動化設備集團

精選專案.網頁設計.RWD響應式網站.企業形象網站 / 電子科技類

網站技術：PHP . Javascript/MySql

均豪專精於半導體、顯示器設備設計及製造，對於在社會回饋上也是相當重視，更體現了其對ESG和SDGs概念的關注，透過官網表達均豪對ESG永續發展的立場與積極的態度。

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