Почему не работает код?

Question

[MorsMors]

Добрый день, я хочу узнать, в чём причина не исправности кода, это нарушения правил языка или это отсутствие какого-нибудь плагина?

.nav {
    display: flex;
    list-style: none;
    padding-left: 0;

    &-item {
        margin-left: 15px;
    }
    
    &-link {
        color: #22222b;
        text-decoration: none;
        border-bottom: 1px solid transparent;
        transition: 0.3s;
    }
}

Comments

[MorsMors]

Если разделяю этот блок на 3 со своими названиями, то естественно всё работает,
но всё ровно мне очень интересно в чём ошибка.

[Simkav]

Ошибка в том что вы юзаете & в CSS, а это фишки SASS

[MorsMors]

Simkav, Спасибо буду знать

Answer 1

[Иван Гришов]

Этот код написать на препроцессоре. Нужно установить один из них. Либо less либо sass. Сначала устанавливаешь глобально, а затем в редакторе кода.

Comments

[Иван Гришов]

npm install -g sass - команда для установки sass глобально. И осталось еще в редакторе кода установить. Если это vscode, то нужен плагин с соответствующим названием. Если это phpstorm, то через filewatcher, который можно найти в настройках.

[MorsMors]

Иван Гришов, Спасибо

Answer 2

[karmyskove]

Есть отличная программа для работы с предпроцессором prepros называется
Отличное видео по настройки этой программы: https://www.youtube.com/watch?v=BqO5Pj26om8&ab_cha...