-7

可能重复：
如何在 html-tag 中使用 CSS 悬停？ 

<body>
   <div id="he">
      <div id="header">
         <div class="headertabs">
            <ul class="nav">
               <li class="divide">&nbsp;</li>
               <li class="tab"><a href="a.php">OVERVIEW1</a></li>
               <li class="divide">&nbsp;</li>
               <li class="tab"><a href="a.php">OVERVIEW2</a></li>
</body>

当我在overview1和overview2选项卡上移动鼠标（悬停）时如何编写css，它必须将其文本颜色更改为绿色。

4

5 回答 5

4

Simnply 使用 :hover 伪选择器：

li.tab a:hover
{
   color: green
}

http://jsfiddle.net/Kyle_/duj2d/

于 2012-09-26T08:45:29.013 回答
1

我从一个打开的文件中抓取了一些 CSS，应该可以很好地解释它：

这是我的锚的正常 CSS：

a
{
    color: #006699;
    text-decoration: underline;
}

这是当它悬停时改变颜色的位。

a:hover
{
    text-decoration: none;
}
于 2012-09-26T08:46:10.257 回答
0

另一种方式

li a:hover{
 color:green;
}​
于 2012-09-26T08:52:02.803 回答
0

为了更好的 IE 支持，我将鼠标悬停在IE 上<a>，我还将更改焦点颜色，以便在通过链接切换时仅对键盘用户进行更改，因此：

.tab a:hover, .tab a:focus {
  color: green
}
于 2012-09-26T08:47:07.917 回答
0

短一点：

    .tab a:hover{color:green}
于 2012-09-26T11:06:45.627 回答