CSS 中有一種非常有用的技巧,可以通過操作指針來改變一個(gè)元素的外觀和效果,并且這種技巧被稱為 CSS++ (CSSPLUS) 指針變手。
所謂“指針”,就是指 CSS 中的“鼠標(biāo)指針”,也就是我們平常所稱的“鼠標(biāo)圖標(biāo)”。CSS 中有一個(gè)偽類叫做“:hover”,當(dāng)鼠標(biāo)指針懸停在一個(gè)元素上時(shí),就可以觸發(fā)該元素的 hover 狀態(tài),同時(shí)還可以使用 CSS++ 指針變手來修改該元素的樣式。
/* 改變文本顏色 */
p:hover {
color: #FF0000;
}
/* 改變背景顏色 */
div:hover {
background-color: #F0F0F0;
}
如上所示,在 CSS 中使用 :hover 偽類和 CSS++ 指針變手,可以非常方便地控制元素在鼠標(biāo)懸停時(shí)的樣式效果,有助于提升網(wǎng)頁的交互體驗(yàn),值得 Web 開發(fā)者進(jìn)行深入學(xué)習(xí)和掌握。