(8)about最小限の労力でグローバルナビのアクティブ(現在位置)表示を実装ツイートグローバルナビのアクティブ表示を実装する方法はいくらでもありますが、最も簡単に(というか最小力で)やる方法は何かしら、というのがこの記事の趣旨です。何を以って簡単と言うかですが、自分の場合「可能な限りhtmlをシンプルに」というのが信条なので、そこをポイントとしています。結論から言うと、javascriptを1個追加するだけで完了します。htmlの編集も不要です(javascript読む1行追加するくらい)。あ、ちなみにナビのデザインにbackgroundで画像を利用してない場合です。plusのサイトの場合ですと、グローバルナビはこんな風にコーディングしてました。href=&quot;/contact/&quot;&gt;contact&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/nav&gt;俺が知る限りでは、これ以上削減しようのないhtmlになっています。しても「li要素に個別classをつけたくない」と思ってしまったので、javascriptを利用することにしました。その方法こんな感じです。指定の方法は「何個目のli要素か」li要素に個別classをつけないためには、2.がキモになるわけです。自分の場合は、こんなjavascriptを加えました。}});※jQueryが必要。「.eq(n)」というのが、「何個目の要素か」にあたります。初期値は0ですので、ナビが5個ある場合は0~4というナンバリングになります。こいつのおかげで、いちいちli要素に個別classを与える必要がなくなります。注意点jsでやってるということもあって、スマホとかでやると、ちょっとタイムラグがあります。javascript切ってる場合は動作しないです。11:04上記参考にさせて頂きました。ありがとうございます!コメントをどうぞ(承認後に反映されます)返信をキャンセルする。me都内の某デジタルエージェンシーで働く意識低い系コンサル。休日はジャズベーシスト兼ゲーマー。imasashi.net。