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

javascript css html anchor highlight
harley_woop picture harley_woop · Jun 21, 2012 · Viewed 19.6k times · Source

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?

Answer

David says reinstate Monica picture David says reinstate Monica · Jun 21, 2012

You need to use the :target pseudo-class:

:target {
   background-color: #ffa;
}

JS Fiddle demo.

Related questions

offsetting an html anchor to adjust for fixed header

I am trying to clean up the way my anchors work. I have a header that is fixed to the top of the page, so when you link to an anchor elsewhere in the page, the page jumps so the …

Read More
Opening new window in HTML for target="_blank"

<a href="facebook.com/sharer" target="_blank" >Share this</a> How do I make this a certain width and height, in a new window, when the user clicks on it? In firefox, the current code only …

Read More
Make anchor link go some pixels above where it's linked to

I'm not sure the best way to ask/search for this question: When you click on an anchor link, it brings you to that section of the page with the linked-to area now at the VERY TOP of the page. …

Read More