改变<md-toolbar>的颜色？

Question

这就是我的代码在CodePen上的样子:

我希望" Sidenav Left" 的背景是" " 的背景Menu Items,它由类表示为

.nav-theme {
  background-color: #34495E
}

我试过覆盖它

.nav-theme, .md-theme-indigo {
  background-color: #34495E
}

但那不起作用,我需要做什么？

Answer 1

更具体地选择要覆盖的 CSS。由于下面的选择器更加具体，因此它们的优先级将高于之前未被覆盖的默认背景颜色。通过这种方式，您可以避免使用!important

.md-sidenav-left .md-theme-indigo, .md-sidenav-left .nav-theme {
    background-color: #34495e;
}