html - 如何在某个 div 中设置所有锚标签的样式？

Question

我不知道如何正确地做到这一点。我有以下CSS：

#container > #main > #content > a {
    color: #3B7315;
}

我正在使用它来设置div中所有<a>标签的样式。#content然而，问题是，它似乎没有对<a>div 或嵌套列表等中的标签进行样式设置。它只对最顶层的标签进行样式设置，如下所示：

<div id="content">
     <a href="#">Lorem ipsum</a>
</div>

当我将链接放在另一个元素中时，样式就消失了。

那么我如何包含整个子元素并使样式从头#content开始递归地应用呢？我想我正在寻找某种通配符值？

Answer 1

你让它变得比它需要的复杂得多：

#content a {}

Answer 2

#content a, #content a:link, #content a:visited {base style rules}
#content a:hover, #content a:visited:hover, #content a:active {over style rules}
#content a:focus {wai style rules}

Answer 3

所需要的只是您尝试设置样式的容器及其锚点。以下应该可以正常工作，特别是如果您使用的那个 div 是一个 id，因为这样它就不会重复到其他元素上，就像您在该 div 和其他 div 上有一个类一样。

#content a{ style rules; }

希望这有帮助！

Answer 4

符号 > 仅适用于直接子级。这就是为什么如果您使用它，它将仅应用于元素 id 内容的第一个子级 a