小編給大家分享一下css3有什么新增的選擇器，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

作為一家“創(chuàng)意+整合+營銷”的成都網(wǎng)站建設(shè)機構(gòu)，我們在業(yè)內(nèi)良好的客戶口碑。成都創(chuàng)新互聯(lián)提供從前期的網(wǎng)站品牌分析策劃、網(wǎng)站設(shè)計、網(wǎng)站設(shè)計制作、成都網(wǎng)站制作、創(chuàng)意表現(xiàn)、網(wǎng)頁制作、系統(tǒng)開發(fā)以及后續(xù)網(wǎng)站營銷運營等一系列服務(wù)，幫助企業(yè)打造創(chuàng)新的互聯(lián)網(wǎng)品牌經(jīng)營模式與有效的網(wǎng)絡(luò)營銷方法,創(chuàng)造更大的價值。

css3新增的選擇器：“[attribute^=value]”、“[attribute$=value]”、“[attribute*=value]”、“:first-of-type”、“:root”、“:empty”、“:target”等等。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

一、屬性選擇器：

1、[attribute^=value] 匹配屬性值以指定值開頭的每個元素。

2、[attribute$=value] 匹配屬性值以指定值結(jié)尾的每個元素。

3、[attribute*=value] 匹配屬性值中包含指定值的每個元素。

二、偽元素和偽類選擇器：

選擇器	示例	示例說明	CSS
: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元素的是其父級的第二個子元素，從最后一個子項計數(shù)	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元素，從最后一個子項計數(shù)	3
:last-child	p:last-child	選擇每個p元素是其父級的最后一個子級。	3
:root	:root	選擇文檔的根元素	3
:empty	p:empty	選擇每個沒有任何子級的p元素（包括文本節(jié)點）	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	匹配元素中被用戶選中或處于高亮狀態(tài)的部分	3
:out-of-range	:out-of-range	匹配值在指定區(qū)間之外的input元素	3
:in-range	:in-range	匹配值在指定區(qū)間之內(nèi)的input元素	3
:read-write	:read-write	用于匹配可讀及可寫的元素	3
:read-only	:read-only	用于匹配設(shè)置 "readonly"（只讀） 屬性的元素	3
:optional	:optional	用于匹配可選的輸入元素	3
:required	:required	用于匹配設(shè)置了 "required" 屬性的元素	3
:valid	:valid	用于匹配輸入值為合法的元素	3
:invalid	:invalid	用于匹配輸入值為非法的元素	3

三、層級選擇器：

• E~F

  通用選擇器 (找后面的所有同輩元素)

  選擇匹配的F元素，且位于匹配的E元素后的所有匹配的F元素

以上是“css3有什么新增的選擇器”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

當前名稱：css3有什么新增的選擇器
轉(zhuǎn)載來于：http://chinadenli.net/article20/pigjco.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供Google、網(wǎng)站設(shè)計、域名注冊、定制網(wǎng)站、自適應(yīng)網(wǎng)站、營銷型網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)