了解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偽類如何分類大概了解了嗎?希望文章內容對大家有所幫助。如果想了解更多相關文章內容,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。