无效选择器中的 Angular 5 警告';答案

【问题标题】：Angular 5 Warning in Invalid selector ';无效选择器中的 Angular 5 警告';
【发布时间】：2018-11-05 08:05:07
【问题描述】：

我有一个 Angular 5 应用程序。当我执行ng b --prod 时，它会显示以下消息：

无效选择器中的警告'; .space1x 在 6219:39。忽略。

style.css 中的样式space1x 是：

.space1x {
    padding-left: 200px;
}

当我在部署的 css (styles.75b74.bundle.css) 中看到时，样式 space1x 被省略了。

在这种情况下发生了什么？

【问题讨论】：

【解决方案1】：

我正在检查 style.css，我终于解决了。我会告诉我的方式：

在 style.css 的某个地方包含以下指令：

.pagination li.page-item a{color: #333};
.space1x {
    padding-left: 200px;
 }

在第一行，分号在右大括号之外。因此，当我通过 ng s --prod 进行部署时，angular 会在 style.css 包中省略 space1x。因此，正确的指令应该是这样的：

.pagination li.page-item a{color: #333;}

通过这样做，警告消失，space1x 包含在 style.css 包中。

【讨论】：

【解决方案2】：

带有 SCSS 的 Angular 5，它正在工作，并且在构建之后，这个类也可以在 bundle.css 文件中使用。

【讨论】：