如何在Angular 4中的某个组件上覆盖twitter-bootstrap

Question

我是Angular 4的新人。为我的基本问题道歉。 我想要做的是改变特定组件的body元素的背景颜色。 在组件声明材料视图中我有以下内容：

@Component({
  selector: 'app-material-view',
  templateUrl: './material-view.component.html',
  styleUrls: ['./material-view.component.css'],
  providers: [GetDataService]
})

并在material-view.component.css文件中添加以下行：

body{
  background-color: cadetblue !important;
}

问题是背景颜色没有改变。 当我检查chrome调试器工具中的元素时，我看到css被tweeter bootstrap覆盖。我希望组件声明中的css是应用于该组件的最直接的css。但似乎我错了。 我不知道为什么。 任何提示都非常感激。