アンカーとしてターゲティングされたdivの色を変更するにはどうすればよいですか？

Question

自分自身を明確にしようとしましょう：リンクをクリックすると、同じページのコンテンツにジャンプするメニューが表示されます。言い換えれば、それはコンテンツに固執する単なるリンクです。 リンクをクリックした後、コンテンツのh1タグの色を変えることはできますか？

私はまた別の解決方法を考えましたが、私はあまりよく分かりません：ページを下にスクロールすると、その位置によってH1タグの色を変えることはできますか？

乾杯！

Answer 1

シンプル：CSSでターゲット擬似セレクター：

h1:target {color: red;} 

Answer 2

はい、あなたが使用することができます。

http://jsfiddle.net/8rHvy/

現在のブラウザの互換性のためにここを参照してください： http://www.quirksmode.org/css/contents.html

Answer 3

CSS3：ターゲット擬似セレクタは、あなたがやりたいだろうが、ブラウザのサポートが問題であるならば、あなたはこのような何かを行うことができます：

jQueryの

$('nav li a').click(function (e) { 
    var targ = $(this).attr('href'); 
    $('html, body').scrollTop($("'" + targ + "'").offset()); 
    $("'" + targ + "'").css('color','red'); 
    e.preventDefault(); 
}); 

HTML：

<nav> 
    <ul> 
     <li><a href="#someElement">Click here!</a></li> 
    </ul> 
</nav>