質問: ### ■やりたいこと 画像ホバー時に、道連れアクションが起きません(>_<) 親要素を消せばちゃんと道連れになるのですが、消さずに起こしたいです。 ### ■いまの状態 https://jsfiddle.net/ademr68a/ 目的の要素「btn-blue-horizon」の、親要素「btn-horizon」を消すと、きちんと道連れになります。 でも、「display:flex;」をやりたいので、消すわけにはいきません。 で、消さずにいると、目的の要素「btn-blue-horizon」が、figureホバーと道連れに青くなってくれないのです。 黄色はならなくてOKです。青だけでいいのです。 これって、、なんとかなりませんでしょうか?
回答: これでいいんですかね? ``` /*質問箇所(これも青くしたい)*/ figure:hover ~ .btn-horizon .btn-blue-horizon{ background: #4285F4; } ``` ### 追記 あ。 このままだとお茶マウスオーバーでもコーヒーの色が変わるので`section`や`div`か何かでくくってください。 ``` 画像ホバーで青くなる1 ボタン青1 画像ホバーで青くなる2 ボタン黄2 ボタン青2 ```