Wie kann ich die Farbe des übergeordneten Links ändern, während ich das Drop-down-Menü auswähle

Question

Bitte überprüfen Sie meine Js-Geige, ich konnte den übergeordneten Link nicht markieren, während ich das Dropdown-Menü auswählte.

/* 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%;} 

kann mir jemand helfen?

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

Answer 1

bereits.

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

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

Aber eigentlich besser Sie können eine von vorgefertigten Lösungen verwenden, anstatt Ihre Schnipsel.