質問: こんにちは。 最近、ボタンなどをクリックしたらそのまま色やアンダーラインが静止しているデザインをよく見ます。 例 ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/bf18223399a87687daf8c1bedaa8fe7e.png) 検索してもなかなか出てこなかったのでどなたか教えてください! 追記 すみません、参考画像がわかりにくかったので変更しました。このサイト(progate)のようにメニューのリンクをhoverした時のアクションがhoverの時だけでなくページを閲覧しているときも続くようにしたいです。 ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/efa02a21037c9360567cb205dc008097.png) よろしくお願いいたします。 追記2 何度もすみません。例がわかりにくかったため追記いたします。下記の画像のように(https://liginc.co.jp/service)メニューを選択した際のhoverアクションを継続するようにしたいです。 ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/8511ffd59203f01a870030e5898be9aa.png)
回答: ここですかね? ``` .nav-foundation { margin-left: 8px; background-color: #026e00; } ``` クリックしなくても固定で色を変えているように見えます。 一般的な話ならJavaScriptで現在のページを判定して変えるとか、いろいろあると思います。 --4/5 13:13追記 見ればわかりますが、選んだところにis-currentが追加されていて、そこにスタイルが適用されています。 ``` ```