Ошибка `sass` при использовании скобок в CSS

Question

Я пытаюсь добавить свойство, подобное этому:

body {
    background: #ccc;
    border: 2px solid red;
}

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

это работает без каких-либо проблем:

body 
    background: #ccc;
    border: 2px solid red;

Answer 1

Вы ищете более новый синтаксис scss: http://sass -lang.com / documents / file.SASS_REFERENCE.html # синтаксис

Чтобы включить это с angular-cli, запустите: ng set defaults.styleExt scss.

Answer 2

В sass нет необходимости добавлять фигурные скобки, используйте это следующим образом

body 
    background: #ccc;
    border: 2px solid red;

Да, вы можете использовать любой обычный css в sass, но есть некоторые правила для таких же, как выне нужно добавлять фигурные скобки.Но если вы используете scss, вы можете использовать и фигурные скобки.