How to solve the ampersand (&) problem in SASS?

I

Ilya Reznik2016-10-19 12:54:10

HTML

Ilya Reznik, 2016-10-19 12:54:10

What needs to be done to make the ampersand work in SASS?
It compiles, but does not work, as a result hover is not applied to the link.

.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

Reply

Answer the question

In order to leave comments, you need to log in

2 answer(s)

�

Сергей delphinpro, 2016-10-19
@McGrady

ну вот - жертва 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

�

Никита Баев, 2016-10-19
@drugoi

Разве вы не меняете цвет самого header__nav?
К ссылке так цвет не применить, надо наследование сделать от :hover