ドロップダウンを選択している間に親リンクの色を変更する方法

Question

PlsがJsフィドルをチェックすると、ドロップダウンメニューを選択している間に親リンクをハイライト表示できませんでした。

/* minimal styles for that navi */ 
.rmm {margin: 0 auto; float:right;} 
.rmm ul {margin: 0; padding:0; list-style: none; position: relative; background: #000;} 
.rmm ul:after {content: ""; clear: both; display: block;} 
.rmm ul li {float: left;} 
.rmm ul li:hover {background: #202020;} 
.rmm ul li:hover > ul {display: block;} 
.rmm ul li:hover a{color: #fff;} 
.rmm ul li a {color: #fff; display: block; text-decoration: none;} 
.rmm ul li a:hover{color: #fff !important;} 

.rmm ul ul {display: none; margin:0; padding: 0; position: absolute; top: 100%; } 
.rmm ul ul li {float: none; position: relative;} 
.rmm ul ul li a{color: #fff;} 
.rmm ul ul li a:hover {background: #202020;} 
.rmm ul ul ul {position: absolute; left: 100%; top:0; width: 100%;} 

いずれかが私を助けることができますか？

https://jsfiddle.net/ansarmon/qhuwxo5j/

Answer 1

これを試してみてください。

.rmm ul li:hover a { color: #fff !important;} 

https://jsfiddle.net/qhuwxo5j/2/

しかし、実際にはより良い代わりにあなたのスニペットの既製のソリューションのいずれかを使用することができます。