更改标签中文字的颜色？

问题描述：

.myActive{ 
 
\t background:white; 
 
\t color: red; 
 
} 
 
.navbar > li > a:hover, 
 
.navbar > li > a:focus{ 
 
\t background: ; 
 
\t color: #333; 
 
}

<ul class="navbar"> 
 
\t \t \t \t <li> <a href="index.html">Home</a></li> 
 
\t \t \t \t <li> <a href="#">Categories</a></li> 
 
\t \t \t \t <li> <a href="#">About us</a></li> 
 
\t \t \t \t <li class="myActive"> <a href="#">Contact</a></li> 
 
</ul>

我想改变我的文字的颜色<a>标签，所以我写的改变L1标签的背景类，但它不是改变了我的立彩色文本。

经过一点研究，我明白我需要将<span>添加到我的文本中。但我不明白为什么我需要这样做，<a>和<span>是内联元素。

.navbar > li > a:hover, 
.navbar > li > a:focus{ 
background: white; 
color: #333; 
}

为什么伪类重点做这项工作？

你可以提供HTML或jsfiddle吗？我没有看到任何理由，为什么这在目前的例子中不起作用。 – dbrree

你有什么应该工作。请发布您的HTML。意识到，只有当元素具有焦点或被徘徊时，您拥有的CSS才会起作用。否则，将应用默认颜色。 – War10ck

你在一个框架中工作，如Wordpress？可能会有更多的风格超越你的尝试。尝试使用Chrome DeBugger（F12）进行检查。此外，你可以尝试颜色：＃333！重要;去测试。！重要的会覆盖其他的风格。您可能需要为选择器添加特异性。 – Jason

答

如果你想改变你的链接颜色：

.navbar > li > a{ 
    color: red; 
}

不

.navbar > li{ 
    color: red; 
}

所以对于链接元素不是李添加CSS。你不需要跨度。由于您为处于焦点状态的链接元素编写了css，因此焦点工作。

谢谢，它帮助我。 – ISTech

答

假设你的HTML是这样

<ul> 
<li><a href="http://www.thesite.net>This Site</a></li> 
</ul>

要更改链接的文本颜色的CSS简单

li a{ color: red;}

我还建议增加一个悬停颜色：

li a:hover{color: blue;}

更改标签中文字的颜色？

相关推荐