如何在选择下拉列表时更改父链接的颜色

Question

请检查我的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/

但实际上，您可以更好地使用现成的解决方案之一而不是代码段。