CSS :not 選取器，cssnot選取器

CSS :not 選取器，cssnot選取器
定義和用法

:not(selector) 選取器匹配每個元素是不是指定的元素/選取器。

 

瀏覽器支援

所有主流瀏覽器都支援 :not 選取器。

注意: IE8 及更早IE版本不支援 :not 選取器。

 

執行個體

為每個並非<p>元素的元素設定背景顏色：

:not(p){background:#ff0000;}

線上運行

 

原文地址：http://www.manongjc.com/cssref/sel_not.html

 

css選取器參考：

"CSS"列表示在CSS版本的屬性定義（CSS1，CSS2，或對CSS3）。

選取器	樣本	樣本說明	CSS
.class	.intro	選擇所有class="intro"的元素	1
#id	#firstname	選擇所有id="firstname"的元素	1
*	*	選擇所有元素	2
element	p	選擇所有<p>元素	1
element,element	div,p	選擇所有<div>元素和<p>元素	1
element element	div p	選擇<div>元素內的所有<p>元素	1
element>element	div>p	選擇所有父級是 <div> 元素的 <p> 元素	2
element+element	div+p	選擇所有緊接著<div>元素之後的<p>元素	2
[attribute]	[target]	選擇所有帶有target屬性元素	2
[attribute=value]	[target=-blank]	選擇所有使用target="-blank"的元素	2
[attribute~=value]	[title~=flower]	選擇標題屬性包含單詞"flower"的所有元素	2
[attribute|=language]	[lang|=en]	選擇一個lang屬性的起始值="EN"的所有元素	2
:link	a:link	選擇所有未訪問連結	1
:visited	a:visited	選擇所有訪問過的連結	1
:active	a:active	選擇活動連結	1
:hover	a:hover	選擇滑鼠在連結上面時	1
:focus	input:focus	選擇具有焦點的輸入元素	2
:first-letter	p:first-letter	選擇每一個<P>元素的第一個字母	1
:first-line	p:first-line	選擇每一個<P>元素的第一行	1
:first-child	p:first-child	指定只有當<p>元素是其父級的第一個子級的樣式。	2
:before	p:before	在每個<p>元素之前插入內容	2
:after	p:after	在每個<p>元素之後插入內容	2
:lang(language)	p:lang(it)	選擇一個lang屬性的起始值="it"的所有<p>元素	2
element1~element2	p~ul	選擇p元素之後的每一個ul元素	3
[attribute^=value]	a[src^="https"]	選擇每一個src屬性的值以"https"開頭的元素	3
[attribute$=value]	a[src$=".pdf"]	選擇每一個src屬性的值以".pdf"結尾的元素	3
[attribute*=value]	a[src*="44lan"]	選擇每一個src屬性的值包含子字串"44lan"的元素	3
:first-of-type	p:first-of-type	選擇每個p元素是其父級的第一個p元素	3
:last-of-type	p:last-of-type	選擇每個p元素是其父級的最後一個p元素	3
:only-of-type	p:only-of-type	選擇每個p元素是其父級的唯一p元素	3
:only-child	p:only-child	選擇每個p元素是其父級的唯一子項目	3
:nth-child(n)	p:nth-child(2)	選擇每個p元素是其父級的第二個子項目	3
:nth-last-child(n)	p:nth-last-child(2)	選擇每個p元素的是其父級的第二個子項目，從最後一個子項計數	3
:nth-of-type(n)	p:nth-of-type(2)	選擇每個p元素是其父級的第二個p元素	3
:nth-last-of-type(n)	p:nth-last-of-type(2)	選擇每個p元素的是其父級的第二個p元素，從最後一個子項計數	3
:last-child	p:last-child	選擇每個p元素是其父級的最後一個子級。	3
:root	:root	選擇文檔的根項目	3
:empty	p:empty	選擇每個沒有任何子級的p元素（包括文本節點）	3
:target	#news:target	選擇當前活動的#news元素（包含該錨名稱的點擊的URL）	3
:enabled	input:enabled	選擇每一個已啟用的輸入元素	3
:disabled	input:disabled	選擇每一個禁用的輸入元素	3
:checked	input:checked	選擇每個選中的輸入元素	3
:not(selector)	:not(p)	選擇每個並非p元素的元素	3
::selection	::selection	匹配元素中被使用者選中或處於高亮狀態的部分	3
:out-of-range	:out-of-range	匹配值在指定區間之外的input元素	3
:in-range	:in-range	匹配值在指定區間之內的input元素	3
:read-write	:read-write	用於匹配可讀及可寫的元素	3
:read-only	:read-only	用於匹配設定 "readonly"（唯讀） 屬性的元素	3
:optional	:optional	用於匹配可選的輸入元素	3
:required	:required	用於匹配設定了 "required" 屬性的元素	3
:valid	:valid	用於匹配輸入值為合法的元素	3
:invalid	:invalid	用於匹配輸入值為非法的元素	3