如何在HTML中更改链接标记文本的颜色？

Question

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

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

我想在<a>标签中更改我的文本的颜色，所以我写了一个改变li标签背景的类，但它没有改变我在li中的颜色文本。

经过一番研究后，我明白我需要在文本中加入<span>。但我不明白为什么我需要这样做，<a>和<span>是内联元素。

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

为什么伪班重点做的工作？

Answer 1

如果您想更改链接颜色：

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

不

.navbar > li{
  color: red;
}

因此，为链接元素而不是li添加CSS。你不需要跨度。焦点有效，因为您为焦点状态的链接元素编写css。

Answer 2

假设你的HTML是这样的

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

要更改链接的文本颜色，css很简单

li a{ color: red;}

我还建议添加悬停颜色：

li a:hover{color: blue;}