首頁  >  文章  >  web前端  >  CSS3中選擇器有哪些文法

CSS3中選擇器有哪些文法

php中世界最好的语言
php中世界最好的语言原創
2017-11-30 12:00:563264瀏覽

今天要跟大家介紹一下在CSS3中的常用選擇器語法,語法一般分為三種,基本選擇器語法,層次選擇器語法和動態偽類選擇器文法.下面就給大家詳細的解讀一下。

 1,基本選擇器語法

(1)*    通配選擇器    選擇文檔中所以HTML元素

(2)E    元素選擇器#元素選擇器

    選擇指定類型的HTML元素

#id      ID選擇器  選擇指定ID屬性值為「id」的任一類型元素

.class  類選擇器  選擇指定class屬性值為「class

.class  類選擇器  選擇指定class屬性值為「類」的任一類型的任多個元素

selector1,selectorN   群組選擇器    將每個選擇器相符的元素集合併

2,層級選擇器語法

# (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中文網其它相關文章!
相關閱讀:

用H5製作煙火粒子特效的製作方法

讓div寬度自適應教學

######網頁中使用h標籤的開發經驗##########

以上是CSS3中選擇器有哪些文法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn