溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關Css的選擇器是什么的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。
CSS的3種主要的選擇器。
1.通用標簽：CSS代碼中的 p 用來選擇HTML元素 <p>。
2.類（classes）： CSS代碼中的 .intro 用來選擇帶有屬性 class="intro" 的HTML元素。
3.ids：CSS代碼中的 #logo 用來選擇帶有屬性 id="logo" 的HTML元素。
所有這些選擇器都可以附加使用偽類（pseudo-classes）。一個偽類用來：
定義一個元素的特殊狀態，這個狀態往往和用戶的動態交互行為或文檔的動態結構化特征有關，因此不能提前寫入HTML文檔中。
是以冒號（colon） : 開始的一個關鍵詞。
偽類不能單獨存在。它必須附加在一個選擇器上。偽類將只是定義那個選擇器的特殊狀態。語法看起來如下：
.selector:pseudo-class{ }
在選擇器和偽類中間沒有空格， between the selector and the pseudo-class, 以表示它們是連接在一起的。
:hover
一個常用的偽類是 :hover，用來給一個懸停狀態（即用戶鼠標懸停在元素上時觸發的狀態）下的目標元素添加樣式。我們可以把這個偽類用于鏈接。因為懸停是最基本的鏈接交互動作。
a{ color: blue;}
a:hover{ color: red;}
第一行定義所有的 <a> 鏈接顏色為藍色。第二行定義當被懸停時，<a> 鏈接顏色為紅色。第二行選擇的是同樣的HTML元素，但是有特定的行為發生。(本例中是發生了用戶懸停動作）。
:visited
這個偽類的目標對象是被訪問過的鏈接。默認情況下，鏈接是藍色的，當被您訪問（點擊或觸摸）過后，變成紫色。
例子如下：
CSS代碼
a{ color: dodgerblue;}
a:visited{ color: rebeccapurple;}
感謝各位的閱讀！關于“Css的選擇器是什么”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
