我正在设计,但发现有些奇怪。
我尝试过:
.user-header {
height:100px;
background:blue;
img {
width:50px;
height:50px;
}
span {
color:red;
font-weight:bold;
}
}
我的图像很好:如预期的50x50。 我的跨度是红色。 但是我的用户标头没有样式,这怎么可能?
更奇怪的是,我尝试将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 您可以看看这个堆叠闪电战。