如何使＆：hover可用？我可以一起使用焦点和悬停吗？

Question

我们有一个下拉菜单，该菜单仅是CSS，并且现在有些混乱。使用我所知道的JS focus可能需要花费很多时间来重构整个事情。

我想使我的下拉菜单可访问。我将&:hover与SCSS一起使用，以便下拉菜单。有没有办法在SCSS中说&:hover OR &:focus？

Answer 1

用户徘徊或专注于某个元素都没有关系。这就是为什么您可以使用AND 用逗号或简单地用逗号表示：

&:hover, &:focus{
    //styles for both the hover and the focus state
}