将样式应用于 div 下的任何级别

Question

这是我的CSS：

div.leftNav 
{
}
div.leftNav a:link { color: black; }
div.leftNav a:visited { color: black; }
div.leftNav a:active { color: black; }
div.leftNav a:focus { color: black; }

问题是a标签并不紧随其后 具有类leftNav 的div ，它是许多级别，有时在其他元素中，例如span S。 我的目标是影响一个div下的所有链接，我该怎么做？

Answer 1

这将

选择.leftNav中的任何锚元素并为其提供黑色。

.leftNav a { color: black; }

您不需要按元素 （div.leftNav） 进行选择，这是一种不好的做法，因为一旦您将类 .leftNav 分配给div 以外的任何其他元素，它就会使您的选择器中断。你也不需要选择a的每个伪类（a：link，a：focus等），因为如果你没有给它们一个特定的全局样式（a：visited，a：link等），它们将被上面的选择器覆盖，如果你必须在css中的几个地方覆盖该全局规则，这也是一种不好的做法。

但是，如果您使用 a：visited 和 a：link 全局设置链接样式，请为它们分配一个类（例如 .link），而不是按元素选择它们，并按这种方式设置它们的样式：

.link:link { color: blue; }
.link:visited { color: green; }

这意味着您不必覆盖应该看起来不同的链接的样式，只是不要为这些链接分配 .link 类。