css - 如何在具有两个元素名称的选择器的悬停定位样式上执行 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*/