javascript - 如何使 &:hover 可访问？我可以同时使用焦点和悬停吗？

Question

我们有一个下拉菜单，它只是 CSS，现在有点复杂。重构整个事情以使用 JS 焦点需要时间，我知道这是可能的。

我想让我的下拉菜单可以访问。我正在使用 SCSS 以&:hover使菜单下拉。有没有办法&:hover OR &:focus在 SCSS 中说？

标签： javascriptcsssass

Answer 1

用户是否悬停或关注某个元素并不重要。这就是为什么您可以AND 在 scss 中使用运算符，或者简单地说，一个逗号：

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