CSS3常用三大選擇器是什么

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

模塊化開發

CSS1 中定義了網頁的基本屬性：

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

CSS2中在CSS1的基礎上添加了高級功能

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

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

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

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

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

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

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

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

         nth-child(odd)奇數子元素

         nth-child(even)偶數子元素

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

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

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

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

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

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

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

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

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

E[attr="value"] 指定屬性名，并指定其對應屬性值

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

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

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

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

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

UI偽類選擇器：

         :enabled 選擇啟用狀態元素

         :disabled 選擇禁用狀態元素

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

         :default 選擇默認元素

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

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

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

動態偽類選擇器：

 :link 選擇鏈接元素

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

 :hover 鼠標懸停其上的元素

 :ative 鼠標點擊時觸發的事件

 :focus 當前獲取焦點的元素

其他偽類選擇器：

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

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

 :target url片段標識符指向的元素

     :empty選擇內容為空的元素

 :selection 鼠標光標選擇元素內容

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