设置＆＃34; a＆＃34;颜色与＆＃34; li＆＃34;在悬停

Question

我使用的平台允许用户使用css更改元素设置，而我正试图制作＆＃34; a＆＃34;当鼠标悬停在＆＃34; li＆＃34;上时会改变颜色，但是＆＃34; a＆＃34;的颜色。不改变，我该怎么解决这个问题？我知道我可以改变＆＃34; a＆＃34;如果我将鼠标悬停在它上面，但是我希望它能够在将鼠标悬停在＆＃34; li＆＃34;上时进行更改。

<div class="top">

<ul class="menu">
<li><a>Home</a></li>
<li>Products

<ul class="submenu">
<li><a>T-Shirts</a></li>
<li><a>Shirts</a></li>
<li><a>Tank Tops</a></li>
</ul>

</li>


</ul>

</div>

.submenu li{
background-color:#262626;
color:white;
}

.submenu li:hover{
background-color:white;
color:#262626;
}

提前致谢。

Answer 1

有两种方法。

.submenu li:hover{
    background-color:white;
}
.submenu li:hover a{
    color:#262626;
}

或

.submenu li:hover{
    background-color:white;
    color:#262626;
}
.submenu li a{
    color: inherit;
}