溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

CSS偽類如何分類

發布時間:2020-11-18 11:19:47 來源:億速云 閱讀:159 作者:小新 欄目:web開發

了解CSS偽類如何分類?這個問題可能是我們日常學習或工作經常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家帶來的參考內容,讓我們一起來看看吧!

css偽類分為UI偽類和結構化偽類兩種。UI偽類分為鏈接偽類、focus偽類和target偽類。結構化偽類分為【:first-child】、【:last-child】和【:nth-child】。

CSS偽類分兩種:

1、UI偽類:會在HTML元素處于某種狀態時(比如鼠標指針位于連接上),為該元素應用CSS樣式。

2、結構化偽類:會在標記中存在某種結構上的關系時(如某個元素時一組元素中的第一個或最后一個),為響應元素應用CSS樣式。

UI偽類:最常用的UI偽類元素是鏈接(a元素)。

分為三種:

1、鏈接偽類:共有四個,鏈接始終會處于四種狀態之一。

(1)Link 鏈接就在那兒等著用戶點擊。

(2)Visited 用戶此前點擊過這個鏈接。

(3)Hover 鼠標指針正懸停在鏈接上。

(4)Active 鏈接正在被點擊(鼠標在元素上按下,還沒有釋放)。

2、focus偽類(聚焦)

3、target偽類(如果用戶點擊一個紙箱頁面中其他元素的鏈接,則那個元素就是目標(target),可以用:target偽類選中它。)

結構化偽類:

1、:first-child和:last-child

:first-child代表一組同胞元素中的第一個元素,而:last-child則代表最后一個。

2、:nth-child:會選擇一組列表項中的每個第n項。

感謝各位的閱讀!看完上述內容,你們對CSS偽類如何分類大概了解了嗎?希望文章內容對大家有所幫助。如果想了解更多相關文章內容,歡迎關注億速云行業資訊頻道。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女