Facebookの「Dean + Friends」「Just Dean」「Just Friends」のようにフィルタリングするためのリンクメニューのスタイルを設定するにはどうすればよいですか？

Question

電子商取引ウェブアプリのいくつかのページで、ユーザーは提出したリクエストのステータスリストをフィルタリングできます。我々は彼らがリンクとして設定している

保留中のすべての

完了：

フィルタは、通常のようなものです。現在アクティブなフィルタが色付きの矩形（角が丸く、natch！）で強調表示され、テキストが白くなるようにスタイルを変更したいと思います。

長方形のハイライトは、ユーザが他のフィルタ（Pending、Completed）のいずれかをクリックしてハイライトがクリックされたばかりのリンクに移動するまで残ります。

この例は、たとえば、壁のポストが中に濾過され、Facebook上でいくつかの場所に表示さ：

ディーン+友達ジャストディーン・ジャスト・フレンズ

でこれを行うための簡単な方法がありますCSSはおそらく、最近訪問したリンクをスタイリングして、以前に訪れたものを目に見えないものとしてマーキングすることによって？

おかげで、

ディーン・リチャードソン

Answer 1

おそらく最も最近に「訪問」リンクをスタイリングが、未訪問として、以前に訪れたものをマークすることによって、CSSでこれを行う簡単な方法はありますか？

純粋なCSSでこのエフェクトのダイナミクスを生成することはできません。 Facebookは、ピルタブボタンの1つをクリックすると起動するJavascriptでCSSクラスを追加することでそれを行います。 CSSクラスにはスタイルルールが含まれています。