0

当社の e コマース Web アプリのいくつかのページでは、ユーザーが送信したリクエストのステータス リストをフィルター処理できます。

フィルターは通常次のようなものです。

保留中のすべての完了

リンクとして設定しています。現在アクティブなフィルターが色付きの四角形 (角が丸い、ナッチ!) で強調表示され、テキストが白くなるようにスタイルを設定したいと思います。

四角形の強調表示は、ユーザーが他のフィルター (保留中、完了) のいずれかをクリックするまで残り、その時点で強調表示はクリックしたリンクに移動します。

この例は、Facebook のいくつかの場所で見られます。たとえば、ウォール ポストは次のようにフィルタリングされます。

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

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

ありがとう、

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

4

1 に答える 1

1

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

この効果のダイナミクスは、純粋な CSS では生成できません。Facebook は、ピルタブ ボタンの 1 つをクリックすると起動する Javascript を使用した CSS クラスを追加することでこれを実現します。CSS クラスには、目的の方法で表示するためのスタイル ルールが含まれています。

于 2009-04-10T04:22:45.680 に答える