Некоторые ссылки не отображаются жирным шрифтом после 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, на который нацелен ваш селектор.