McGrady
@McGrady
UX-проектировщик

Как решить проблему амперсанда (&) в SASS?

Что надо сделать, чтобы заработал амперсанд в SASS?

Он компелируется, но не отрабатывает, в итоге hover к ссылке не применяется.

.header__nav
    float: left
    margin: 0
    padding: 0
    list-style-type: none
    font-size: 0.875rem
    li 
        display: inline-block
        padding: 0 40 0 0
    a
        text-decoration: none
        color: #000000
        
    &:hover
        color: #FD683D
  • Вопрос задан
  • 462 просмотра
Решения вопроса 1
delphinpro
@delphinpro Куратор тега HTML
frontend developer
ну вот - жертва indent синтаксиса +) а мне говорят что отступы прекрасны вместо скобок...

.header__nav
    float: left
    margin: 0
    padding: 0
    list-style-type: none
    font-size: 0.875rem
    li 
        display: inline-block
        padding: 0 40 0 0
    a
        text-decoration: none
        color: #000000
        &:hover // здесь отступа не хватало
            color: #FD683D
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
drugoi
@drugoi
Front-end Developer
Разве вы не меняете цвет самого header__nav?
К ссылке так цвет не применить, надо наследование сделать от :hover
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы