Highlight linked headline

Question

How can I add a CSS-class "highlight" to headlines or sections based on anchors like "...this.html#headline1" (e.g. the TOCs on Wikipedia).

This should also work when coming from a different page (href="http://mysite.com/this.html#headline1") and NOT only onclick like here: Highlight a # section in a page - jQuery

Answer 1

In newer browsers, you can make use of the CSS3 :target pseudo selector.

*:target {
     background-color: #F5FFE1;
}

This does not work in IE 8 and below and not correctly in Opera.