Question

当用户将鼠标悬停在文本上时，我希望某个项目的多个元素能够改变颜色。请查看我的网站（http://www.codesrce.com）并将鼠标悬停在＆＃34;更多＆＃34;菜单项。如您所见，当您将鼠标悬停在其上时，只有更多文本会将颜色更改为白色，但菜单图标则不会。请查看我的源代码，也许可以帮我解决一下我的问题。我想拥有它，以便当用户将鼠标悬停在包含<li>越多且<a>更多图标的<span>上时，它们都会将颜色更改为白色。任何帮助表示赞赏。感谢。

另外，如果可能的话，我可以制作它，以便在用户将鼠标悬停在它上面并向下移动到元素下方的菜单后，让它保持白色直到用户离开菜单吗？（对不起，如果我的措辞很棘手）

HTML

<li class="MoreMenuContainer"><a href="#" class="MoreHyperlink">More <span class="MoreMenu"></span></a>

CSS

.MoreMenu {

text-decoration: none; 

font-size: 8px;

color: gray;

margin-top: 1px;

-webkit-text-stroke: 0.35px;

font-family: 'icomoon';

speak: none;

font-style: normal;

font-weight: 100;

font-variant: normal;

text-transform: none;

text-decoration: none;

-webkit-transition: color 0.3s ease;

-moz-transition: color 0.3s ease;

-ms-transition: color 0.3s ease;

transition: color 0.3s ease;

}

.MoreMenu：在{

之前

content: "\e6b8";

}

Answer 1

这可能吗？

li:hover span, li:hover a {
    color:White;
}

如何获取多个元素来改变悬停CSS的颜色？

1 个答案: