Cambiare il colore di un ancoraggio quando si fa clic

Question

voglio che quando scatto questo link suoi cambiamenti di colore per il colore dato

<li id="press"><a href="<?=base_url()?>index.php/page/press">Press</a></li> 

Answer 1

Tutti i link? a:focus { color: orange; }

Alcuni collegamenti? Dare loro una classe, ad esempio <a class="foo" ...>: a.foo:focus { color: purple; }

Un collegamento? Dagli un ID, ad esempio <a id="bar" ...>: a#bar:focus { color: #BADA55; }

Answer 2

È possibile farlo sul lato server con PHP o con JS.

Con PHP tutto ciò che serve è aggiungere un determinato nome di classe al collegamento una volta cliccato. un esempio molto semplice potrebbe essere:

<a href="myURL" class="<?php if(ExpressionToDetermineIfLinkIsClicked) echo 'selected'; ?>"> 

e CSS:

.selected { color: #FF0000; } 

Se volete farlo con JS, e si sta utilizzando qualsiasi quadro JS basta cercare sito dei quadri per " Come aggiungere un evento "&" Come aggiungere classname ", quindi combinare ciò che si ottiene dai risultati della ricerca.

Se siete, per caso, utilizzando prototype.js quadro, allora si può provare il seguente:

function selectLink(link){ 
    link.addClassName('selected'); 

    var otherLinks = link.siblings(); 

    for(var i = 0; i < otherLinks.lenght; i++){ 
    otherLinks[i].removeClassName('selected');  
    } 

} 

document.observe('dom:loaded', function(){ 
    $('menu').observe('click', function(event){ 
     event.stop(); 
     var link = Event.element(event); 
     selectLink(link); 
     }); 
    }); 

--- 
<div id="menu"> 
<a href="url1" id="link1" class=""> 
<a href="url2" id="link2" class=""> 
<a href="url3" id="link3" class=""> 
</div> 

Answer 3

Il CSS dichiarazione :active compirà quello che stai cercando. http://www.w3schools.com/CSS/pr_pseudo_active.asp

Esempio.

a:active { 
    color: #C00; 
} 

NB.

a:active DEVE venire dopo a:hover nella definizione CSS per essere efficace!

Answer 4

Ecco la Css di esempio per il collegamento ipertestuale visitato

a:link {color:#FF0000}  
a:visited{color:Red} 

speranza che aiuterà.