javascript - 如何制作 & :hover accessible? 我可以同时使用焦点和悬停吗？

Question

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

我想让我的下拉菜单易于访问。我将 SCSS 与 &:hover 结合使用，以便下拉菜单。有没有办法在 SCSS 中说 &:hover OR &:focus？

Answer 1

用户是否将鼠标悬停或聚焦在某个元素上并不重要。这就是为什么您可以使用 ANDscss 中的运算符，或者简单地说，一个逗号:

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