今天小編給大家分享一下CSS3常用三大選擇器是什么的相關(guān)知識(shí)點(diǎn)，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識(shí)，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來(lái)了解一下吧。

創(chuàng)新互聯(lián)公司主營(yíng)大埔網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,成都App制作,大埔h5小程序設(shè)計(jì)搭建,大埔網(wǎng)站營(yíng)銷推廣歡迎大埔等地區(qū)企業(yè)咨詢

模塊化開(kāi)發(fā)

CSS1中定義了網(wǎng)頁(yè)的基本屬性：

字體、顏色、基本選擇器等

CSS2中在CSS1的基礎(chǔ)上添加了高級(jí)功能

浮動(dòng)和定位、高級(jí)選擇器等(子選擇器、相鄰選擇器、通用選擇器)

CSS3遵循的是模塊化開(kāi)發(fā)。發(fā)布時(shí)間并不是一個(gè)時(shí)間點(diǎn)，而是一個(gè)時(shí)間段。

通用選擇器：* 選擇到所有的元素

選擇子元素：>選擇到元素的直接后代

相鄰兄弟選擇器：+選擇到緊隨目標(biāo)元素后的第一個(gè)元素

普通兄弟選擇器：~選擇到緊隨其后的所有兄弟元素

:nth-child選擇指定索引處的子元素

         nth-child(n)父元素下的第n個(gè)子元素

         nth-child(odd)奇數(shù)子元素

         nth-child(even)偶數(shù)子元素

:nth-last-child(n)倒數(shù)第n個(gè)子元素

:nth-of-type(n)父元素下的第n個(gè)指定類型的子元素

:nth-last-of-type父元素下的倒數(shù)第n個(gè)指定類型的子元素

:first-child選擇父元素下的第一個(gè)子元素

:last-child選擇父元素下的最后一個(gè)子元素

:only-child選擇父元素下唯一的子元素

:only-of-type選擇父元素下指定類型的唯一子元素

:root選擇文檔的根目錄，返回html

E[attr]屬性名，不確定具體屬性值

E[attr="value"]指定屬性名，并指定其對(duì)應(yīng)屬性值

E[attr ~="value"]指定屬性名，其具有多個(gè)屬性值空格隔開(kāi)，并包含                  value值

E[attr ^= "value"]指定屬性名，屬性值以value開(kāi)頭

E[attr $="value"]指定屬性名，屬性值以value結(jié)束

E[attr *="value"]指定了屬性名，屬性值中包含了value

E[attr |= "value"]指定屬性名，屬性值以value-開(kāi)頭

UI偽類選擇器：

        :enabled選擇啟用狀態(tài)元素

         :disabled選擇禁用狀態(tài)元素

         :checked選擇被選中的input元素（單選按鈕或復(fù)選框）

         :default選擇默認(rèn)元素

         :valid、invalid根據(jù)輸入驗(yàn)證選擇有效或無(wú)效的input元素

         :in-range、out-of-range選擇指定范圍之內(nèi)或者之外受限的元素

         :repuired、optional根據(jù)是否允許:required屬性選擇input元素

動(dòng)態(tài)偽類選擇器：

 :link選擇鏈接元素

 :visited選擇用戶以訪問(wèn)的元素

 :hover鼠標(biāo)懸停其上的元素

 :ative鼠標(biāo)點(diǎn)擊時(shí)觸發(fā)的事件

 :focus當(dāng)前獲取焦點(diǎn)的元素

其他偽類選擇器：

 :not(<選擇器>)對(duì)括號(hào)內(nèi)選擇器的選擇取反

 :lang(<目標(biāo)語(yǔ)言>)基于lang全局屬性的元素

 :target url片段標(biāo)識(shí)符指向的元素

     :empty選擇內(nèi)容為空的元素

 :selection鼠標(biāo)光標(biāo)選擇元素內(nèi)容

以上就是“CSS3常用三大選擇器是什么”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會(huì)為大家更新不同的知識(shí)，如果還想學(xué)習(xí)更多的知識(shí)，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

分享文章：CSS3常用三大選擇器是什么
當(dāng)前網(wǎng)址：http://jinyejixie.com/article38/ghhopp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、Google、電子商務(wù)、外貿(mào)建站、品牌網(wǎng)站設(shè)計(jì)、自適應(yīng)網(wǎng)站

廣告

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