CSS- Evidenzia un div quando l'ID è collegato all'utilizzo di un ancoraggio?

Question

Quello che sto cercando di fare è quello di evidenziare un div con un certo id, quando è stato definito da un'ancora in un'altra pagina di IE: scatta

uso Link href="qw.html#test", quando viene caricata la pagina, quindi il div con id="test" viene evidenziato in modo che l'utente possa vederlo chiaramente.

Sono sicuro di aver visto un esempio CSS3 in cui un div è evidenziato se è stato collegato a. Oppure era JavaScript?

Answer 1

È necessario utilizzare il :target pseudo-classe:

:target { 
    background-color: #ffa; 
} 

JS Fiddle demo.

Answer 2

JavaScript può essere utilizzato per aggiungere in modo dinamico/cambiare la classe del div:

Se si dispone di:

<div id="test"></div> 

funzione Javascript, eseguita dallo scatto dell'ancora:

document.getElementById("test").className += " highlighted"; 

Risultato:

<div id="test" class=" highlighted"></div> 

Answer 3

È possibile farlo in JavaScript. Fare riferimento a How to get the anchor from the URL using jQuery? su come ottenere l'ancora da URL e quindi può essere qualcosa di semplice come

document.getElementById(hash).style.backgroundColor="Yellow";