如何在具有两个元素名称的选择器的悬停目标样式上执行CSS

Question

我知道您可以在悬停另一个选择器时更改选择器的样式，但是当您需要更改的选择器使用两个元素名称时，它不起作用：

不能正常工作。无论如何只需使用CSS就可以完成这项工作吗？

.menu-btn:hover .menu-btn span  {
    /*styles*/
}

作品

.menu-btn:hover span  {
     /*styles*/
}

Answer 1

.menu-btn:hover span, .menu-btn span  {
/*styles*/

}

Answer 2

在.menu-btn：hover span和.menu-btn span之间使用昏迷。如果我正确理解你的问题，这应该可行。

.menu-btn:hover span, .menu-btn span  {
    //code;
}