0

默认a:link和a:visited背景颜色是透明的，颜色是黑色的。然后 a:hover 指定背景为黑色，颜色为白色。这很好用。

这是问题所在：我插入了执行背景和颜色更改的 jquery 脚本，在我的情况下将背景黑色和颜色设置为白色 - 与a:hover. 此脚本正在执行所需的操作，但文本的颜色保持黑色。有什么帮助吗？

以下是代码：

<ul id="subnav">
    <li><a href="http://127.0.0.1:4001/wbdemo/pages/abc.php" class=”red” onclick=”selected(this)”&gt;<h99>Home<h99/></a></li>
    <li><a href="http://127.0.0.1:4001/wbdemo/pages/asd.php"><h99>Home</h99></a></li>
    <li><a href="http://127.0.0.1:4001/wbdemo/pages/rtz.php"><h99>Home</h99/></a></li> 
    <li><a href="#"><h99>Home</h99/></a></li> 
    <li><a href="#"><h99>Home</h99/></a></li>
</ul> 

<script type="text/javascript">
$(document).ready(function(){
    $('#subnav a').each(function(index) {
        if(this.href.trim() == window.location)
            $(this).addClass("selected");
    });
});
</script>

ul
{ list-style-type: none;
  margin:0;
  padding:0;
  overflow: hidden;
}

ul a:link, ul a:visited
{ display: block;
  width: 240px;
  background-color: tranparent;
  text-align: right;
  text-transform: uppercase;
  text-decoration: none;
  height: 40px;
  color: #000000
}

ul a:hover, .selected
{ background-color: #000000;
  color: #ffffff
}
4

2 回答 2

2

将最后一个 css 类拆分为两个：

ul a:hover
{ 
  background-color: #000000;
  color: #ffffff;
}

.selected
{ 
  background-color: #000000;
  color: #ffffff !important;
}

或者，更简单，只需!important添加到最后一行：

ul a:hover, .selected
{ 
  background-color: #000000;
  color: #ffffff !important;
}
于 2012-08-10T21:31:17.147 回答
0

尝试

$(this).css('color','coloryouwant')
于 2012-08-10T21:23:44.993 回答