今天要跟大家介紹一下在CSS3中的常用選擇器語法,語法一般分為三種,基本選擇器語法,層次選擇器語法和動態偽類選擇器文法.下面就給大家詳細的解讀一下。
1,基本選擇器語法
(1)* 通配選擇器 選擇文檔中所以HTML元素
(2)E 元素選擇器#元素選擇器
選擇指定類型的HTML元素#id ID選擇器 選擇指定ID屬性值為「id」的任一類型元素.class 類選擇器 選擇指定class屬性值為「class.class 類選擇器 選擇指定class屬性值為「類」的任一類型的任多個元素selector1,selectorN 群組選擇器 將每個選擇器相符的元素集合併# (1)E F後代選擇器
(包含選擇器) 選擇符合的F元素,且配對的F元素包含在配對的E元素內#(2)E>F 子選擇器 選擇符合的F元素,且符合的F元素所符合的E元素的子元素
(3)E+F鄰近兄弟選擇器 選擇符合的F元素,且匹配的F元素緊位於匹配的E元素的後面
(4)E~F通用選擇器
選擇匹配的F元素,且位於匹配的E元素後的所有匹配的F元素3,動態偽類選擇器語法(1)E:link 連結偽類選擇器 選擇符合的E元素,且符合元素被定義了超連結並未被訪問過。常用於連結描點上(2)E:visited 連結偽類選擇器 選擇符合的E元素,且配對元素被定義了超連結並已被造訪過。常用於連結描點上(3)E:active 使用者行為選擇器 選擇符合的E元素,且符合元素啟動。常用來連結描點與按鈕上(4)E:hover 使用者行為選擇器 選擇符合的E元素,且使用者滑鼠停留在元素E上。 IE6及以下瀏覽器僅支援a:hover
(5)E:focus 使用者行為選擇器 選擇相符的E元素,且符合元素取得焦點
##相信看了以上介紹你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
相關閱讀:
以上是CSS3中選擇器有哪些文法的詳細內容。更多資訊請關注PHP中文網其他相關文章!