Css 如何在angular应用程序中覆盖身体背景色?

Css 如何在angular应用程序中覆盖身体背景色?,css,angularjs,Css,Angularjs,该应用程序有一个预定义的背景,该背景在所有页面中都是持久的,并在主css文件中定义 我想在我的一个页面中覆盖该背景。我该怎么做?我给索引中的主体一个称为“body-m”的id html结构为- <body ng-app="app" id="body-m"> <div class="container-m"> <section ng-view id="content-m"></section> </div> </bo

该应用程序有一个预定义的背景,该背景在所有页面中都是持久的,并在主css文件中定义

我想在我的一个页面中覆盖该背景。我该怎么做?我给索引中的主体一个称为“body-m”的id

html结构为-

<body ng-app="app" id="body-m">
  <div class="container-m">
    <section ng-view id="content-m"></section>
  </div>
</body>

正在ng视图中加载我的页面。如何仅更改页面的背景

感谢使用CSS的ID选择器:

#body-m {
    background-color: #FAFAFA;
}
如果您只想更改通过ng router显示的页面,您应该在该页面内具有某种ID。例如,如果该特定视图中有一个div,请为其指定一个特殊ID或类:

<div class="dark-background">
    <!-- your stuff goes here! -->
</div>


然后在CSS中使用.dark背景选择器。

如果要在整个项目中更改颜色,则可以在style.scss中添加此CSS

正文{
背景色:#ddd;

}
您好,我试过了,但实际情况是整个页面没有改变背景。我有一个引导容器,里面有一些内容。只有引导容器具有不同的背景。您看到我最新添加的内容了吗?也许会有帮助。只需向页面中的任何内容添加ID或CSS类即可。:)这是一个好问题。Angular2和引导添加内联样式。看不出如何覆盖这些