CSS選擇器：偽類（圖文詳解）
本文最初發表於博客園，並在GitHub上持續更新前端的系列文章。歡迎在GitHub上關注我，一起入門和進階前端。 以下是正文。 偽類（偽類選擇器） 偽類：同一個標簽，根據其不同的種狀態，有不同的樣式。這就叫做“偽類”。偽類用冒號來表示。 比如div是屬於box類，這一點 ...
原文：CSS選擇器：偽類（圖文詳解）
偽類 偽類選擇器 偽類：同一個標簽，根據其不同的種狀態，有不同的樣式。這就叫做 偽類 。偽類用冒號來表示。 比如div是屬於box類，這一點很明確，就是屬於box類。但是a屬於什么類 不明確。因為需要看用戶點擊前是什么狀態，點擊后是什么狀態。所以，就叫做 偽類 。 靜態偽類和動態偽類 偽類選擇器分為兩種。 靜態偽類：只能用於超鏈接的樣式。如下： :link超鏈接點擊之前 :visited鏈接被訪問 ...
2019-08-16 08:50 0 2333 推薦指數：
相關推薦
css(二) 偽類選擇器
[CSS快速入門（二）] 偽類選擇器 簡介 偽類是選擇器的一種，它用於選擇處於特定狀態的元素，比如當它們是這一類型的第一個元素時，或者是當鼠標指針懸浮在元素上面的時候。它們表現得會像是你向你的文檔的某個部分應用了一個類一樣，幫你在你的標記文本中減少多余的類，讓你的代碼更靈活、更易於維護 ...
CSS選擇器之偽類選擇器（元素）
:first-child 選擇某個元素的第一個子元素（IE6不支持） :last-child 選擇某個元素的最后一個子元素 :first-of-type [CSS3]選擇一個上級 ...
CSS3 選擇器——偽類選擇器
前面花了兩節內容分別在《CSS3選擇器——基本選擇器》和《CSS3選擇器——屬性選擇器》介紹了CSS3選擇器中的基本選擇器和屬性選擇器使用方法，今天要和大家一起學習CSS3選擇器中的第三部分，也是最后一部分——偽類選擇器。偽類選擇器對於大家來說最熟悉的莫過於 ...
CSS選擇器（偽類選擇器）
偽類選擇器 偽類專門用來表示元素的一種特殊的狀態 比如：訪問過的超鏈接，比如普通的超鏈接，比如獲取焦點的文本框 當我們需要為處在這些特殊狀態的元素設置樣式時，就可以使用偽類 有四個偽類可以讓你根據訪問者與該鏈接的交互方式，將鏈接設置成4種不同的狀態： * 正常鏈接 ...
css選擇器，偽類和偽元素的區別
1、類選擇器：class名 =>p.info {} //選擇class為info的所有p元素 2、id選擇器： id名 => #info {} //選擇id為info的元素 不能為多個元素同時設置相同的id 3、標簽選擇器：標簽名 => div {} //選擇所有 ...
CSS3 新增選擇器：偽類選擇器和屬性選擇器
一、結構（位置）偽類選擇器（ : ） 1、:first-child 2、:last-child 3、:nth-child(n)或者:nth-child(2n)或者:nth-child(2n+1) 二、屬性選擇器（[ ]） 1、[ 屬性 ...
CSS3選擇器——屬性選擇器、關系選擇器、結構化偽類選擇器、偽元素選擇器、偽鏈接
屬性選擇器 屬性選擇器可以根據元素的屬性及屬性值來選擇元素。CSS3中新增了 3 種屬性選擇器：E[att^=value]、E[att$=value] 和 E[att*=value] 1.E[att^=value] 屬性選擇器 E[att^=value] 屬性選擇器是指選擇名稱為 E ...