質問: 1. 例えばボタンが5つ並んでいるとしてそれの1つをクリックすると色が変わる。 2. 別のボタンをクリックするとそれの色が変わり、最初にクリックしたボタンの色は初期の色に戻る 3. ホバーではなくクリックしたら色は次のボタンがクリックされるまでそのまま のようなことCSSで実現したいのですが検索してもなかなか見つからず 助言をいただければと思いこちらに質問させていただきました。 よろしくお願いいたします。 例(ここでは色を変えれないため太字にしてます。) 何もしていない状態 ボタン ボタン ボタン ボタン ボタン ↓ クリック **ボタン** ボタン ボタン ボタン ボタン ↓ 別のボタンをクリック ボタン **ボタン** ボタン ボタン ボタン ↓ さらに別のボタン ボタン ボタン ボタン ボタン **ボタン** タグにJavaScript, jQueryなどありますが、何が一番実装しやすいのかわからなかったためつけました。 CSSのみで実装できるならそれでCSSのみでお願いいたします。 下記は現在のhtmlソースになります ``` A B C D E F G H I J ```
回答: `label`要素と`input[type=radio]`要素と隣接セレクタ`+`,`:checked`疑似クラスでボタン**ぽい**ものを作るとか ``` ボタン ボタン ボタン ボタン ボタン ```