为了避免 Angular 应用程序中各种父子组件之间的 CSS 代码冗余，有什么可能的解决方案？

Inorder to avoid redundancy in CSS code in an Angular App among the various parent child components, what solution is possible?

提问人：Ayushi Haria 提问时间：1/10/2023 更新时间：1/10/2023 访问量：27

问：

我正在开发一个具有多个父组件和子组件的 Angular 应用程序。现在，从代码优化和性能的角度来看，在父级和子级 CSS 文件中，许多类和其他 CSS 属性都是多余的。我需要一些建议，通过这些建议可以避免跨不同组件的CSS文件中的代码冗余，并且可以在CSS文件中建立代码可重用性。

CSS 角度 冗余

评论

1赞 1/10/2023
如果你在许多组件中使用具有相同 CSS 规则的类，你可能要考虑将其中一些类设置为全局的 -> 把这些类放在styles.css
0赞 Octavian Mărculescu 1/10/2023
人们还倾向于使用 CSS 库（如 material、bootstrap 等）来减少编写 CSS 的需要。
0赞 Ayushi Haria 1/11/2023
我一直在使用 Angular Material UI，但父子组件的不同 CSS 文件中仍然存在冗余代码。

答： 暂无答案

上一个：Angular 最大限度地减少冗余调用

下一个：GCP 中的 KeepAlived Web 群集