溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

css鏈接偽類(lèi)選擇器怎么用

發(fā)布時(shí)間：2022-02-22 13:54:05 來(lái)源：億速云 閱讀：167 作者：小新 欄目：開(kāi)發(fā)技術(shù)

這篇文章主要介紹css鏈接偽類(lèi)選擇器怎么用，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

　　css鏈接偽類(lèi)選擇器

　　偽類(lèi)選擇器說(shuō)明：

　　為了和class類(lèi)選擇器相區(qū)別

　　類(lèi)選擇器是一個(gè)點(diǎn) 比如.demo{}

　　而偽類(lèi)是兩個(gè)點(diǎn) ： 冒號(hào) 比如:link{}

　　作用：

　　用于向某些選擇器添加特殊的效果，比如給鏈接添加特殊效果，比如選擇第1個(gè),第N個(gè)元數(shù)。

　　因?yàn)閭晤?lèi)選擇器很多，比如鏈接偽類(lèi)，結(jié)構(gòu)偽類(lèi)等。

　　a:link  未訪問(wèn)的鏈接

　　a:visited 已訪問(wèn)的鏈接

　　a:hover 鼠標(biāo)移動(dòng)到鏈接上

　　a:active 選定的鏈接

　　注意：

　　寫(xiě)的時(shí)候，他們的順序盡量不要顛倒，按照l(shuí)vha的順序，否則會(huì)引起錯(cuò)誤。

　　因?yàn)榻墟溄觽晤?lèi)，所以都是利用交集選擇器 a:link a:hover

　　因?yàn)閍鏈接瀏覽具有默認(rèn)樣式，所以我們實(shí)際工作中都需要給鏈接單獨(dú)指定樣式。

　　記憶技巧：lvha ，lv包包 非常hao

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>鏈接偽類(lèi)</title>
		<style>
			/*未訪問(wèn)過(guò)的鏈接狀態(tài)*/
			a:link {
				color:#333;
				text-decoration: none;
			}
			/*已經(jīng)訪問(wèn)過(guò)鏈接*/
			a:visited {
				color: orange;
			}
			/*鼠標(biāo)經(jīng)過(guò)鏈接*/
			a:hover {
				color: red;
			}
			/*選定的鏈接狀態(tài)，當(dāng)我們點(diǎn)擊按下鼠標(biāo)沒(méi)松開(kāi)時(shí)的狀態(tài)*/
			a:active {
				color: green;
			}
		</style>
	</head>
	<body>
		<a href="https://mi.com">小米手機(jī)</a>
	</body>
</html>

以上是“css鏈接偽類(lèi)選擇器怎么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

css
AI
助
手