【发布时间】:2018-06-22 13:03:49
【问题描述】:
我正在开发一个 Angular 4 项目,我正在尝试覆盖特定组件中的 css。我的更改在编译后也会显示出来,但它们不会影响元素。该元素位于父组件中,但我已经尝试使用 :host。
生成的 CSS:
【问题讨论】:
-
您的选择器确实应该针对有问题的元素。您是否确保它没有被具有更高特异性的选择器作为目标?另外,您是否尝试过使用
CTRL+F5手动重新加载样式表,并通过按住SHIFT并单击刷新图标来刷新 CSS 缓存? -
是的,我也使用了不同的浏览器。 .main 来自父组件,但正如您所见,我的自定义样式是在加载原始样式后加载的,所以应该覆盖
-
你能用类名代替 Angular 属性吗?我会推荐,甚至可能是数据属性
-
您是否尝试过使用 !important 关键字。
-
我用classes,生成angular属性。我也使用了 !important。