CSS中可以通過(guò):hover偽類(lèi)選擇器控制鼠標(biāo)進(jìn)入和退出一個(gè)元素時(shí)的樣式變化。
/* 當(dāng)鼠標(biāo)進(jìn)入元素時(shí)改變背景色 */ div:hover { background-color: yellow; } /* 當(dāng)鼠標(biāo)離開(kāi)元素時(shí)改變文本顏色 */ a:hover { color: red; }
通過(guò):hover偽類(lèi)選擇器,我們可以實(shí)現(xiàn)鼠標(biāo)進(jìn)入和退出時(shí)的動(dòng)態(tài)效果,為網(wǎng)頁(yè)添加更加生動(dòng)的交互體驗(yàn)。但是需要注意的是,在移動(dòng)設(shè)備上,鼠標(biāo)進(jìn)入和退出不適用,這時(shí)候需要使用其他方式實(shí)現(xiàn)相似的效果。