偽類:同一個(gè)標(biāo)簽,根據(jù)其不同的種狀態(tài),有不同的樣式。這就叫做“偽類”。偽類用冒號(hào)來(lái)表示。
比如div是屬于box類,這一點(diǎn)很明確,就是屬于box類。但是a屬于什么類?不明確。因?yàn)樾枰从脩酎c(diǎn)擊前是什么狀態(tài),點(diǎn)擊后是什么狀態(tài)。所以,就叫做“偽類”。
靜態(tài)偽類和動(dòng)態(tài)偽類
偽類選擇器分為兩種。
(1)靜態(tài)偽類:只能用于超鏈接的樣式。如下:
:link 超鏈接點(diǎn)擊之前
:visited 鏈接被訪問(wèn)過(guò)之后
PS:以上兩種樣式,只能用于超鏈接。
(2)動(dòng)態(tài)偽類:針對(duì)所有標(biāo)簽都適用的樣式。如下:
:hover “懸?!保菏髽?biāo)放到標(biāo)簽上的時(shí)候
:active “激活”: 鼠標(biāo)點(diǎn)擊標(biāo)簽,但是不松手時(shí)。
:focus 是某個(gè)標(biāo)簽獲得焦點(diǎn)時(shí)的樣式(比如某個(gè)輸入框獲得焦點(diǎn))
PS:以上三種樣式,只能用于超鏈接。
超鏈接a標(biāo)簽
超鏈接的四種狀態(tài)
a標(biāo)簽有4種偽類(即對(duì)應(yīng)四種狀態(tài)),要求背誦。如下:
:link “鏈接”:超鏈接點(diǎn)擊之前
:visited “訪問(wèn)過(guò)的”:鏈接被訪問(wèn)過(guò)之后
:hover “懸?!保菏髽?biāo)放到標(biāo)簽上的時(shí)候
:active “激活”: 鼠標(biāo)點(diǎn)擊標(biāo)簽,但是不松手時(shí)。
對(duì)應(yīng)的代碼如下:(不帶注釋)
a:link{
color:red;
}
a:visited{
color:orange;
}
a:hover{
color:green;
}
a:active{
color:black;
}
對(duì)應(yīng)的代碼如下:(帶注釋)
/讓超鏈接點(diǎn)擊之前是紅色/
a:link{
color:red;
}
/讓超鏈接點(diǎn)擊之后是綠色/
a:visited{
color:orange;
}
/鼠標(biāo)懸停,放到標(biāo)簽上的時(shí)候/
a:hover{
color:green;
}
/鼠標(biāo)點(diǎn)擊鏈接,但是不松手的時(shí)候/
a:active{
color:black;