css样式使字母加粗后，某些链接不会显示为粗体

Question

我有这个CSS：

.content .chapter_text li a 
{
    color: #7e9940;
    text-decoration: none;
    font-weight: bold;
}

在同一页面上，它有它工作的地方，也有它不起作用的地方。

看一下这里：http://www.comehike.com - 在页面底部，链接出现以粗体文字显示。在页面中间，链接以非粗体文本显示。

但据我所知，它们的风格是一样的。知道为什么主页中间的链接不显示为粗体吗？

谢谢！！

Answer 1

这是因为中心的那些链接不在 li 中。您可以将 CSS 修改为以下内容以获得想要的结果：

.content .chapter_text a 
{
    color: #7e9940;
    text-decoration: none;
    font-weight: bold;
}

Answer 2

它们不包含在 li 元素中，因此样式不适用。你必须把它们移到一个里或者使它像;

.content .chapter_text li a, .content .chapter_text p a {    
    color: #7e9940;    text-decoration: none;    font-weight: bold;
}

Answer 3

页面中间的链接不是 li 元素的子元素，而 li 元素是选择器的目标元素。