изменить цвет открытой ссылки с помощью JS & CSS

Question

изменить цвет открытой ссылки с помощью JS & CSS

0

Добрый день, я хочу изменить цвет открытой ссылки. Вот мой код:

CSS

a {color: #fff; font-size: 19px; padding-right:25px;    
 }     
a:link {color: #fff;            
 }     
a:visited {
 }     
 a:hover {  color: #000;     

}     
 a:active { color: #000;
}     

.active {color:#000;}

JS

$(document).ready(function(){
       $("a.nav1").click(function () {
          // switch all tabs off
          $(".active").removeClass("active");
          // switch this tab on
          $(this).addClass("active");
       });
    });

Пример ссылки

<li><a class="nav1" data-tab="#home" id="link-home"href="#home">Home</a></li>

Эта работа, но padding-right:25px; реорганизовать мое слайд-шоу. Мне нужно использовать его с #navigation

#navigation a {color: #fff; font-size: 19px;     padding-right:25px;    
 }     
#navigation a:link {color: #fff;            
 }     
#navigation a:visited {
 }     
#navigation a:hover {   color: #000;     

}     
#navigation a:active {  color: #000;
}     

.active {color:#000;}

Но когда я использую #navigation JS-скрипт, не меняйте цвет, открыв ссылку на черный. Если я пропустил #navigation a и использовал только #navigation a link,... цвет ссылок по умолчанию фиолетовый (цвет не определен в #navigation a:link).

Я попытался изменить открытый цвет ссылки с помощью

 .currentLink {
       color: #640200;
       background-color: #000000;
    }

Это не работает.

user3546336 17 апр. 2014, в 20:58

Источник

0

Не могли бы вы попытаться перефразировать то, что вы пытаетесь сделать?
Ben 17 апр. 2014, в 18:01
0

$("#navigation li a").click(function() { $(this).addClass("active").siblings('li a').removeClass("active"); });
mdesdev 17 апр. 2014, в 18:03
0

Итак, что / где находится #navigation в коде ..?
T J 17 апр. 2014, в 18:04

Показать ещё 1 комментарий

Теги:

javascript

html

css

hyperlink

1 ответ

Ещё вопросы

Не могли бы вы попытаться перефразировать то, что вы пытаетесь сделать?
$("#navigation li a").click(function() { $(this).addClass("active").siblings('li a').removeClass("active"); });
Итак, что / где находится #navigation в коде ..?

McCheeseIt · Accepted Answer · 2014-04-17T15-55-00.000Z

попробуйте изменить

#navigation a:active { color: #000; }

в

#navigation a.active { color: #000; }

это работает с .active. Тогда спасибо .