我在Angular中使用FullCalendar，我在应用自定义样式时遇到了麻烦。我需要改变'More Events'弹出窗口的背景颜色，但无论我怎么尝试，我的样式都不适用。
我把这些样式放入foo.component.scss:
.fc-popover .fc-more-popover .fc-day .fc-day-mon .fc-day-past .fc-day-other{
background: #303030 !important;
}
我可以在类中看到，我已经从检查复制到Chrome参考只有一天，但它甚至不适用于那一天。
我已经尝试了更通用的类名，如:
.fc .fc-popover .fc-more-popover
to no avail
我也试过把样式直接放在组件模板的样式标签中，我也试过把样式放到主样式中。scss文件。
当我在浏览器的inspect选项卡中编辑样式时，它应用并达到了预期的结果，但是我只是不能让这些样式以任何其他方式应用。
Angular有一种叫做视图封装的东西。
不深入也不太复杂，这意味着每个视图都有自己的生态系统，这样它们在样式方面就不会相互碰撞。
所以像app.component.scss中的.container，不会和home.component.scss中的.container碰撞。
要避免视图封装，有两种解决方案:
讨厌的::ng-deep是要避免的。所以它留给你一个:移动你的样式到style.scss文件，那里没有视图封装。
最后，如果它仍然不起作用，试着在你的样式中添加!important(并在测试后删除它，这也很讨厌):如果样式应用了!important，这意味着你的CSS选择器不"强";够了，所以试着"加强"。他们。