Fatal编程技术网
  • css/
  • Css 没有适当层叠的样式

Css 没有适当层叠的样式

css

Css 没有适当层叠的样式,css,Css,我正在构建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;

我正在构建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;
}
问题是，所有链接，甚至是
中的链接都是使用
颜色：#fff“
呈现的。第二个代码段中的
背景
选择器工作正常，但
颜色：
选择器不工作。我已经检查过，这肯定是最精细的颜色选择器。这是什么原因造成的

我已经试着注释了第一个链接，这确实导致了第二个链接起作用。据我所知，它只是对我的主题中的所有链接使用了最小粒度的选择器。
您必须将
颜色：#111；
放在比
内容a
更精确的规则中


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



您是否使用FireBug来确定应用了什么样式？如果所有其他方法都失败了，您可以使用！很重要，但这显然不是一个很好的解决方案。Ohhhh…因为。entry实用程序不是更精细的-您可以使用#content div之外的类。我没有想到。非常感谢！