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

Question

[Илья Резник]

Что надо сделать, чтобы заработал амперсанд в 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

Answer 1

[Сергей delphinpro]

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

Comments

[Илья Резник]

Думаю это уже кому как удобно, я только начал изучать css и выбрал работу через sass. Так что жертвой меня называть пока рано, просто новичок)

[Илья Резник]

Спасибо большое за решение моей проблемы!

[Сергей delphinpro]

Илья Резник: пожалуйста. такие проколы будут постоянно. чисто человеческий фактор. порекомендовал бы сразу юзать scss вариант =) Впрочем, это сугубо личное дело ..

[Илья Резник]

Сергей: Да я начал сперва с него, сейчас решил попробовать sass, потом уже выберу что практичнее для меня.

[zooks]

Жертв скобкоты еще больше. Так что не мешайте со своим Scss, человек на правильном пути.

[Nikita Shchypylov]

zooks: ты еще, небойсь, и пробелы вместо табов юзаешь?И вимом пользуешься?

[zooks]

Nikita Shchipilov: Пробелы рулят. Это еще от Пайтона пошло. А насчет vim не угадали, в Sublime легко настраиваются пробельные отступы по нажатию Tab.

Честно говоря, не понимаю зачем нужно раздувать холивары. Нельзя просто ответить на вопрос - нужно заодно обгадить альтернативный синтаксис, сделать наброс, ванговать что то, чем лично ты не пользуешься, никому не нужно и скоро умрет. А за месяц до этого, уверен, с пеной у рта те же люди бились в конвульсиях доказывая ненужность препроцессоров, что голый CSS рулит. Вот такое мейнстримовое хомячье со своей единственно верной точкой зрения.

Answer 2

[Никита Баев]

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

Comments

[Илья Резник]

Может быть так и происходит, а как сделать наследование? Если что я новичок и могу не знать банальных вещей

[Никита Баев]

Илья Резник: ну вот с отступом и проблема была :)

[Илья Резник]

Никита Баев: да понял, спасибо)