我无法定义侧边栏的背景

Question

我用 HTML 和 CSS 做了一个侧边栏。除了 background-color，我可以按照我想要的方式设计它。背景保持透明，您可以看到页面的颜色。

.sidebar {
  height: 100%;
  width: 250px;
  position: fixed;
  z-index: 7;
  top: 0;
  left: 0: background-color: blue;
  overflow: auto;
  padding-top: 350px
}

<div id="mySidenav" class="sidebar">
  <a href="#">Barber</a>
  <a href="#">Massage</a>
  <a href="#">Nails</a>
</div>

为什么会这样？我有一个 Bootstrap CSS 这可能是答案吗？

Answer 1

您的 CSS 设置的 left: 0: 语法不正确。您需要以分号而不是冒号结束该行。如果将其更改为 left: 0;，您的背景颜色将起作用。

.sidebar {
  height: 100%;
  width: 250px;
  position: fixed;
  z-index: 7;
  top: 0;
  left: 0;
  background-color: blue;
  overflow: auto;
  padding-top: 350px
}

<div id="mySidenav" class="sidebar">
  <a href="#">Barber</a>
  <a href="#">Massage</a>
  <a href="#">Nails</a>
</div>

这是我们所有人都用头撞墙太久才意识到这只是一个简单的错字的事情之一。在这种情况下，使用带有 CSS 突出显示的编辑器可以很容易地捕捉到。当我将您的代码放入 Codepen 时，很明显存在语法问题。

我无法定义侧边栏的背景

I can not define the background of my sidebar

css

background

sidebar

bootstrap-4