誰でも、私が使用できるcssとhtmlコードを知っていますか?nav barに焦点を当てます。言い換えれば、ユーザーがホームページにいるときにホームページなどのページタブを強調表示する必要があります。ユーザーが連絡先ページに移動する場合は、連絡先ページのナビゲーションバーのタブを強調表示する必要があります。nav barのフォーカスを設定する
-1
A
答えて
0
HTML/CCS
には、ページにクラスまたはIDがある場合にこれを行うことができます。
HTML
<body class="home">...
<li class="home>...</li><li class="other>...</li>
CSS
.home li.home { ... }
.other li.other { ... }
これを:自宅の例を使用します:focus
は設定されませんが、望む視覚効果が得られます。
0
リンクにはある種のクラスを使用できます。一例はactive
クラスを持ち、それにはoutline
という効果があるか、または異なるbackground-color
を持っています。しかし、あなたはHTML/CSSを使用するだけでそれを達成することはできません。ページのどこに基づいて、このクラスを追加したり削除したりするにはJavaScriptが必要になります。
希望すると便利です。
関連する問題
- 1. ブートストラップレスポンスのNav Bar
- 2. オーバーラップnav bar css
- 3. Bootstrap Nav Bar Active
- 4. iPhone Nav Barフォント
- 5. nav bar opacity issues
- 6. Wordpress Nav Barのカスタムショートコード
- 7. スライドショーのオーバーナビゲーションnav barとnav bar elementsの配置
- 8. Image in CSS nav bar
- 9. Jekyll Horizontal Nav Bar Troubles
- 10. Materialize mobile nav bar not responding
- 11. iOS 7を真似Safari Nav-Bar
- 12. 画像をNav Barに置く
- 13. イオニックhideボタンのないnav-bar
- 14. md-nav-barの使い方は?
- 15. Boostrap Nav-Bar特定のページでトグルボタンが機能しない
- 16. 特定のテンプレートに対してnav-barの継承を中止する
- 17. ブートストラップnav-bar-right浮動小数点
- 18. ブラウザで応答するnav-bar/menuを作成する
- 19. ブラウザウィンドウのサイズ変更でnav bar scaleを作成する方法
- 20. ionicのスクロールでion-nav-barを非表示にする
- 21. 折りたたみからのnav barのマテリアライズを避ける
- 22. Ionicアプリでnav-barを非表示にする
- 23. html nav-barを反応的に調整する方法
- 24. ion-nav-barを1ページにイオンヘッダーバーで上書きする
- 25. アクセシビリティモードでRange Seek BarのフォーカスをThumbに設定するにはどうすればよいですか?
- 26. ion-nav-barのボタンのクリック可能領域を増やす
- 27. Nav-Barをロゴの中心に合わせる(画像)
- 28. ヒゲレスのようなロジックレステンプレートエンジンでnav-barを作る方法
- 29. jqueryテーブル行のフォーカスを設定する
- 30. MVVMのListboxでフォーカスを設定する