Question

我无法弄清楚如何正确地做到这一点。我有以下CSS：

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

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

<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

符号＆gt;仅适用于直接子...这就是为什么如果你使用它只会应用于元素id内容的第一个孩子

如何设置某个div内的所有锚标签？

4 个答案: