Angular 4 игнорирование медиа-запросов

Я не знаю, почему angular игнорирует медиа-запросы. Например:

.app-body {
    app-navigation {
        nav a {
            font-size: 18px;
            width: 100rem;
        }
    }
}

Должен компилироваться в:

.app-body app-navigation nav a {
    font-size: 18px;
    width: 100rem; }

И он не перезаписывает:

nav [_ngcontent-c2] a [_ngcontent-c2]

Спасибо.

расширение файла, в который вы пишете, с расширением .scss / .sass ???

— 27.03.2018 11:46

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

— 27.03.2018 11:50

стили скомпилированы правильно, но хром принимает стили nav [_ngcontent-c2] и [_ngcontent-c2], а не .app-body ...

— 27.03.2018 12:28

app-navigation - это класс или HTML-элемент? А .app-body - это класс или элемент? (тот же вопрос для nav)

— 27.03.2018 13:09

приложение-навигация - класс, отдых html

— 27.03.2018 13:41

css angular sass

27.03.2018 11:41

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...