Question

该应用程序具有预定义的背景，该背景在所有页面中都是持久的，并在主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-view中加载。如何仅更改页面的背景？

由于

Answer 1

使用CSS的ID选择器：

#body-m {
    background-color: #FAFAFA;
}

如果您只想更改通过ng-router显示的页面，则该页面内应该有某种ID。例如，如果特定视图中有div，请为其指定一个特殊ID或类：

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

然后在CSS中使用.dark-background选择器。

Answer 2

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

body{
    background-color: #ddd;
}