样式没有适当的级联

Question

我正在构建一个Wordpress主题，我在我的style.css中有这些片段：

#content a:link, #content a:visited, #content a:hover, #content a:active {
  color: #fff;
}

.entry-utility a:link, .entry-utility a:visited, .entry-utility a:hover, .entry-utility a:active {
  background: #fff;
  color: #111;
}

问题是所有链接，即使<div class="entry-utility">内的链接都使用color: #fff"呈现。第二个代码段中的background选择器工作正常，但不是color:选择器。我已经检查过，这绝对是最精细的颜色选择器。可能导致这种情况的原因是什么？

我试过评论第一个，这确实导致第二个工作。据我所知，它只是为我主题中的所有链接使用最小粒度选择器。

Answer 1

您必须将color: #111;置于比#content a更精确的规则中。

#content div.entry-utility a {
  background: #fff;
  color: #111;
}