在CSS中有伪类这个概念。 CSS共有伪类如下
:active 将样式添加到被激活的元素。
:focus 将样式添加到被选中的元素。
:hover 当鼠标悬浮在元素上方时,向元素添加样式。
:link 将特殊的样式添加到未被访问过的链接。
:visited 将特殊的样式添加到被访问过的链接。
:first-child 将特殊的样式添加到元素的第一个子元素。
:lang 允许创作者来定义指定的元素中使用的语言。
演示示例: #div:hover{ 定义样式 }
<div id="div"></div>
这段代码就可以保证,当鼠标移到div上是,触发hover,然后执行 定义好的这个样式 。很灵活,不过老版本浏览器不支持。