Как правильно записать значение :hover, :focus в sass?

Question

[Юрий]

В файле css есть строчка:

:hover, :focus, :active {
Outline: 0;
}

Убираю обводку при наведении на формы, кнопки и пр. В css все работает. Если скопировать в файл sass, то выдает ошибку. Как правильно это записать в файле sass? Можно записать отдельно по каждому элементу и focus и hover и active

a:hover
outline: 0
form:focus
outline: 0

но как это сделать для всех сразу?

Answer 1

[Spartak (Web-StyleStudio)]

a,
button {
    &:hover,
    &:active,
    &:focus {
        outline: 0;
    }
}

Comments

[Юрий]

Спасибо, так работает. А можно как-то не перечислять все элементы (а, hover, button, form), а обозначить как в css? Для всех сразу?

[Spartak (Web-StyleStudio)]

Fhoenix,
Так попробуйте

* {
    &:hover,
    &:active,
    &:focus {
        outline: 0;
    }
}

[Юрий]

Все работает, спасибо!