定位div中的所有元素

Question

现在我有了这个

$(".container a").css("color","#ffffff");

将“.container”中的所有链接设置为白色。然后我有一个这样的div结构

<div class="container">
  <div class="header">
    <a href=">
  </div>
</div>

第二个div中的链接在Firefox中只变为白色。有没有办法修复js行而不为标题div添加另一行？选择所有孩子的东西？

Answer 1

这是一个后代，应该就够了。正如梅德所提到的，这可能是一个特殊性问题。您可以添加!important或其他选择器.container a, .container .header a。可能有一种比所有这些更好的方式，但是现在没有看到更多的建议。

Answer 2

首先尝试关闭所有标记和引号来修复html代码。

<div class="container">
  <div class="header">
    <a href="#">Link</a>
  </div>
</div>

此外，请确保在页面加载后执行代码。

Answer 3

编辑：

我的错误，这可能是一个CSS问题。

编辑2：

这样做。

将js代码放在</body>标记结尾之前或之后调用模块的地方。我假设您将样式脚本放在标题中。由于firefox将所有内容加载到包括脚本在内的分层情况中，因此脚本在模块加载到DOM之前已经执行了样式设置。因此，如果将样式脚本放在DOM的末尾，则在执行样式脚本之前，模块已经加载。