css3中hover是“懸停”的意思,“:hover”是一個偽類選擇器;該選擇器適用于所有元素,可在鼠標移動到元素上時向元素添加特殊樣式,在IE中必須聲明“”才能保證該選擇器有效,語法“元素:hover{樣式代碼}”。
本教程操作環(huán)境:windows10系統(tǒng)、CSS3&&HTML5版本、Dell G3電腦。
css3中hover是什么意思
css中:hover是一個偽類選擇器,:hover偽類選擇器在鼠標移到元素上時向此元素添加特殊的樣式。:hover選擇器適用于所有元素。
:hover在鼠標移到鏈接上時添加的特殊樣式。
在IE中必須聲明“<!DOCTYPE>”才能保證“:hover”選擇器能夠有效
示例如下:
<!DOCTYPE html> <html> <head> <style> p:hover { background-color:yellow; } </style> </head> <body> <p>改變背景顏色</p> <p><b>注釋:</b>:hover 選擇器鼠標指針在其上浮動的鏈接設置樣式。</p> </body> </html>
輸出結果:
(學習視頻分享:css視頻教程)