Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

CSS- Highlight a div when the id is linked to using an anchor?

What I am attempting to do is to highlight a div with a certain id, when It has been referred to by an anchor on another page IE:

User clicks link href="qw.html#test", when the page is loaded, then the div with the id="test" is highlighted so that the user can see it clearly.

I'm sure that I've seen a CSS3 example where a div is highlighted if it was linked to. Or was it JavaScript?

like image 381
harley_woop Avatar asked Jun 21 '12 16:06

harley_woop


1 Answers

You need to use the :target pseudo-class:

:target {    background-color: #ffa; } 

JS Fiddle demo.

like image 101
David Thomas Avatar answered Sep 22 '22 14:09

David Thomas