Css的選擇器是什么

這篇文章給大家分享的是有關(guān)Css的選擇器是什么的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

CSS的3種主要的選擇器。

1.通用標(biāo)簽：CSS代碼中的 p 用來選擇HTML元素 <p>。

2.類（classes）： CSS代碼中的 .intro 用來選擇帶有屬性 class="intro" 的HTML元素。

3.ids：CSS代碼中的 #logo 用來選擇帶有屬性 id="logo" 的HTML元素。

所有這些選擇器都可以附加使用偽類（pseudo-classes）。一個偽類用來：

定義一個元素的特殊狀態(tài)，這個狀態(tài)往往和用戶的動態(tài)交互行為或文檔的動態(tài)結(jié)構(gòu)化特征有關(guān)，因此不能提前寫入HTML文檔中。

是以冒號（colon） : 開始的一個關(guān)鍵詞。

偽類不能單獨(dú)存在。它必須附加在一個選擇器上。偽類將只是定義那個選擇器的特殊狀態(tài)。語法看起來如下：

.selector:pseudo-class{ }

在選擇器和偽類中間沒有空格， between the selector and the pseudo-class, 以表示它們是連接在一起的。

:hover

一個常用的偽類是 :hover，用來給一個懸停狀態(tài)（即用戶鼠標(biāo)懸停在元素上時觸發(fā)的狀態(tài)）下的目標(biāo)元素添加樣式。我們可以把這個偽類用于鏈接。因?yàn)閼彝Ｊ亲罨镜逆溄咏换幼鳌?span lang="EN-US">

a{ color: blue;}

a:hover{ color: red;}

第一行定義所有的 <a> 鏈接顏色為藍(lán)色。第二行定義當(dāng)被懸停時，<a> 鏈接顏色為紅色。第二行選擇的是同樣的HTML元素，但是有特定的行為發(fā)生。(本例中是發(fā)生了用戶懸停動作）。

:visited

這個偽類的目標(biāo)對象是被訪問過的鏈接。默認(rèn)情況下，鏈接是藍(lán)色的，當(dāng)被您訪問（點(diǎn)擊或觸摸）過后，變成紫色。

例子如下：

CSS代碼

a{ color: dodgerblue;}

a:visited{ color: rebeccapurple;}

感謝各位的閱讀！關(guān)于“Css的選擇器是什么”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！