0

ユーザーがどのページにいるかを表示するために使用できるように、最後にクリックされたリンクのみをフォーマットすることが可能かどうか疑問に思っていますか? 私のコードは現在次のようになっています: e-loa

.topbar a:link {color:#999}
.topbar a:visited {color:#999;}
.topbar a:hover { color:#666;}
.topbar a:active {color:#CCC;}

理想的には、リンク先のページがロードされたときにアクティブなリンクをアクティブのままにして、ユーザーがどのページにいるかを示すためにリンクが明るい色になるようにしたいのですが、明らかにこれは不可能です. それを行うためのより良い方法についての提案も大好きです。間違いなくたくさんあります。

4

1 に答える 1

0

CSS を回避する方法はありません。どのリンクがアクティブかをマークアップで定義する必要があります。例えば：

<nav class="topbar">
  <a href="1.html" class="active"></li>
  <a href="2.html"></li>
  <a href="3.html"></li>
</nav>

マークアップ自体でこれを行い、次のようなスタイルを作成する必要があります。

.topbar a.active {color:#red;}

少しの JavaScript を使用して、そのリンクのクラスを達成することもできます。これにより、現在のページを見つけて、その特定のリンク要素にクラスを追加できます。

:active セレクターは、リンクを押した瞬間のスタイルのみを定義します。ボタンを押し下げるスタイルのようなものです。リンクが実際にクリックされ、いい感じになったというフィードバックをユーザーに提供するのはよいことです。ただし、最近クリックされたリンクは強調表示されません。

于 2013-02-27T16:34:12.593 に答える