今天要跟大家介紹一下在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中文網其他相關文章!

您是否曾經在項目上需要一個倒計時計時器?對於這樣的東西,可以自然訪問插件,但實際上更多


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

Atom編輯器mac版下載
最受歡迎的的開源編輯器

mPDF
mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

MantisBT
Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

Dreamweaver Mac版
視覺化網頁開發工具

記事本++7.3.1
好用且免費的程式碼編輯器