Как сделать &: hover доступным?Могу ли я использовать фокус и парить вместе?

Question

У нас есть выпадающее меню, которое только для CSS и немного запутанное.Потребовалось бы время, чтобы полностью изменить рефакторинг для использования JS focus, что, как я знаю, возможно.

Я хочу сделать мой раскрывающийся список доступным.Я использую SCSS с &:hover, чтобы раскрывающееся меню.Есть ли способ сказать &:hover OR &:focus в пределах SCSS?

Answer 1

Неважно, если пользователь наводит курсор на элемент или фокусируется на нем.Вот почему вы можете использовать оператор AND в scss или просто поставить запятую:

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