在css样式化之后，某些链接不会显示为粗体，以使字母变为粗体

Question

我有这个css：

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

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

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

但就我所知，它们的风格相同。知道为什么主页中间的链接看起来不粗体吗？

谢谢！

Answer 1

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

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

Answer 2

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

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

Answer 3

页面中间的链接不是li元素的子元素，这是您的选择器所针对的。