html - サブメニュー項目がホバーされたときに、メインメニュー項目の色を変更する方法

Question

誰かが私を助けてくれることを願っています。作りたいサイトはこちら。

サブメニューに移動したときに、メニューを青のままにしたかったのです。そして、私はそれで成功しました。このコードのおかげで、青色のままです。

nav li.active.parent > a, nav li:hover > a {
background-image: url(http://horyzon.de/images/images/navbg.png);
}

しかし、マウスがサブメニューに移動するとすぐに、テキストを #FFF のままにすることはできません。誰でもこれに対する解決策を生み出すことができますか? よろしくお願いします。

このスクリーンショットは、私が何を意味するかを説明しています:

Answer 1

これを試すこともできます：

nav li:hover a,
nav li:hover a span {
  color: #fff;
}

これが役立つことを願っています。のように「あまりにも」具体的であることは避けたいと思いますnav.main-nav li.parent > a.active。

次のようにもう少しモジュール化したい: nav li:hover a; ただし、それが機能しないことを理解できる場合があるため、変更を加える前に、既にどのように動作しているかを確認する必要があります。

繰り返しますが、それは本当に状況に依存します。