悬停
郝东
206
悬停
CSS :hover选择器
:hover在鼠标移到链接上时添加的特殊样式。
:hover是一个伪类,它适用于处于悬停状态的元素。
最常见的例子是将鼠标指针移动到超链接的边界内
例子:
a[href]:hover {text-decoration: underline;}
p:hover {background: yellow;}
:hover选择器可用于所有元素,不仅是链接。
:link选择器设置了未访问过的页面链接样式, :visited选择器设置访问过的页面链接的样式:active选择器设置当你点击链接时的样式。
:为了产生预期的效果,在 CSS 定义中,:hover 必须位于 :link 和 :visited 之后。
例如:
<style>
a:hover
{
background-color:yellow;
}
</style>
<body>
<p><b>注意:</b> 当鼠标移动到链接上 :hover选择器样式链接到该超链接.</p>
</body>
在该页面中:将鼠标放置在超链接上时,超链接的背景颜色将会变为黄色。