Angular 4忽略媒体查询

Question

我不知道为什么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]

感谢。