CSS3常用三大選擇器是什么

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

模塊化開發(fā)

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

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

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

浮動和定位、高級選擇器等(子選擇器、相鄰選擇器、通用選擇器)

CSS3遵循的是模塊化開發(fā)。發(fā)布時間并不是一個時間點，而是一個時間段。

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

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

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

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

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

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

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

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

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

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

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

:first-child 選擇父元素下的第一個子元素

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

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

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

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

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

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

E[attr ~="value"] 指定屬性名，其具有多個屬性值空格隔開，并包含                  value值

E[attr ^= "value"] 指定屬性名，屬性值以value開頭

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

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

E[attr |= "value"] 指定屬性名，屬性值以value-開頭

UI偽類選擇器：

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

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

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

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

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

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

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

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

 :link 選擇鏈接元素

 :visited 選擇用戶以訪問的元素

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

 :ative 鼠標(biāo)點擊時觸發(fā)的事件

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

其他偽類選擇器：

 :not(<選擇器>) 對括號內(nèi)選擇器的選擇取反

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

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

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

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

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