Вопрос по css, wordpress, hyperlink – что не так с моим CSS? активные ссылки не меняют цвет

0

Я не могу получить активные ссылки моего меню Wordpress, чтобы остаться красным.

Я добавил CSS, который, я думаю, имеет отношение к навигации, а также к телу и т. Д., Если это влияет на проблему.

Спасибо за вашу помощь!

body {
    font-family: 'Helvetica Neue', sans-serif;
    font-size: 12px;
    line-height: 18px; 
    color: #000;
}



/* 
LINKS 
*/

a:link,
a:visited {
    text-decoration: none;
    color: #000;
}

a:hover {
    text-decoration: none;
    color: #ff0000 ;
}

a:active {
    color: #ff0000;
}

h2.entry-title-index a:link,
h2.entry-title-index a:active,
h2.entry-title-index a:visited {
    text-decoration: none;
    color: #ff0000;
}

h2.entry-title-index a:hover {
    text-decoration: none;
    color: #ff0000;
} 

a:active {
    color: #ff0000 !important;
}

/* 
HEADLINES
*/

h2, #navigation {   
    font-family: 'Helvetica Neue', sans-serif;
    margin: 0;
    font-size: 16subpx;
    font-style: normal;
    font-variant: normal;
    font-weight: 450;
    line-height: 18px;
}

#navigation a:hover::before {
         content: '+ ';
}

#navigation a:active::before {
         content: '+ ';
}

#navigation ul a.active {
    color: #ff0000;
    }


h2.entry-title, h2.entry-title-index, h2.comment-title {
    margin-top:14px;
    color: #ff0000;
}

h2.entry-title, h2.comment-title {
/*  margin: 0 0 9px 0; */
}

h2.entry-title-index {
    line-height: 17px !important;
/*  margin: 9px 0 0 0  !important; */
}
по сути, я хочу, чтобы цвет страницы, на которой вы находитесь, был красным в навигации. user1833002
Какова желаемая функциональность?:active состояние не должно сохраняться после отпускания кнопки мыши. showdev

Ваш Ответ

2   ответа
2

Активный используется только тогда, когда пользователь нажимает на элемент, это не означает, что страница активна. Вы должны добавить класс к активному элементу навигации и стилизовать этот класс.

источник:http://css-tricks.com/almanac/selectors/a/active/

о, лол .. спасибо! но изменится ли добавление класса к активной ссылке? то есть: .active a: active {color # ff0000; } user1833002
вы бы добавили класс к активной ссылке, чтобы ваш css селектор сталa.active (<a> с активным классом) donnywals
0

вам нужно установить активный класс или идентификатор с серверным языком или с js, тогда вы можете указать активную страницу.

хорошо .. какие-нибудь идеи серверного языка или js-скриптов я могу использовать? user1833002

Похожие вопросы