具有多个组件和CSS的AngularJS

时间:2016-07-06 20:56:23

标签: css angularjs twitter-bootstrap

随着我对Angular越来越熟悉,以及大量用于使应用程序真正发挥作用的模块,我对理解CSS重载的基本逻辑以及如何管理导入以获得所需的内容感到不知所措行为。

例如,我已将以下库提取到我的Angular应用程序中; Boostrap,Bootcards,boostrap-select,font-awesome以及一些用于基于模式选项卡的向导的自定义引导向导库。

所有这些库都需要在我的Angular应用程序的index.html页面中定义(两个CSS文件都是JS文件)。如何管理所需的行为,以便一个组件样式不会覆盖其他组件样式?引入多个组件并在Angular应用程序中使用它们的最佳实践是什么,而不会对应用程序以前的行为产生负面影响?

1 个答案:

答案 0 :(得分:0)

您有3个选择:

  1. 将较重要的CSS文件放在较不重要的CSS文件之后,以便在两者具有相同的属性名称时进行更重要的覆盖。

  2. 手动进入样式表并更改属性名称。

  3. 不要将样式表包含在索引中,而是将其包含在html文件中