css - angular.json css 样式设置和组件 css 设置之间的冲突

标签 css angular bootstrap-4

当同时使用angular.json 的 CSS 设置和组件CSS 设置时, 组件 CSS 设置部分无效。

我想在特定组件中应用组件 CSS 设置。

最佳答案

可以设置

encapsulation: ViewEncapsulation.None,

在你的@component 注解中

这意味着我们全局编写的 CSS 将继承,但是在组件内部使用相同类定义的样式将覆盖现有样式。

此外,组件的 CSS 比 .angular-cli.json 文件中定义的全局 css 具有更高的优先级

关于css - angular.json css 样式设置和组件 css 设置之间的冲突,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50502382/

相关文章:

html - 在 svg 行的路径上对文本进行对 Angular 线切割

Angular2在ngfor中使用elvis运算符

Angular 2+ 从其父组件调用子组件中的函数

css - 为什么 Bootstrap 在其媒体查询中使用 0.02px 的屏幕尺寸阈值差异?

javascript - Bootstrap Tooltip 大尺寸时位置紊乱

css - 使 ReactStrap/Bootstrap4 卡片在不同的列中具有相同的高度

css - 跨屏幕分辨率调整图像大小

html - 对齐所有类型的 html 输入

javascript - Angular 4 将服务从路由传递到组件

javascript - 使气泡工具提示与其窗口边缘重叠