css - 样式没有适本地级联

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;
}