Angular Sass问题(无法正常工作,但没有错误)

时间:2019-03-06 12:25:04

标签: css angular sass

我正在设计,但发现有些奇怪。

我尝试过:

.user-header {
  height:100px;
  background:blue;

  img {
    width:50px;
    height:50px;
  }

  span {
    color:red;
    font-weight:bold;
  }
}

我的图像很好:如预期的50x50。 我的跨度是红色。 但是我的用户标头没有样式,这怎么可能?

查看屏幕: .user-header empty style .user-header span is styled

更奇怪的是,我尝试将Sass编译为CSS,并尝试使用以下代码:(100%相同)

.user-header {
  height: 100px;
  background: blue;
}
.user-header img {
  width: 50px;
  height: 50px;
}
.user-header span {
  color: red;
  font-weight: bold;
}

效果很好。但这不是解决方案,我想使用Sass。

一些提示,我不知道该如何解决。我尝试提供服务等。 在我所有的组件中,它都运行良好,仅在这一组件中,我对scss / css有问题。

编辑:

https://stackblitz.com/edit/angular-scss-demo-kkfjvq 您可以看看这个堆叠闪电战。

1 个答案:

答案 0 :(得分:0)

对我来说很好,我更新了Sass并刷新了应用程序。
只需重新粘贴代码即可达到目的。

Sass issue