为什么不工作背景颜色？ - CSS

Question

我已经制作了一个带引导程序的列表，我想更改每个项目的背景颜色。我有这个：

＆＃13;

＆＃13;

.list-group {
  background-color: black;
}

＆＃13;

<div class="list-group">
  <a href="#" class="list-group-item list-group-item-action">
    <picture>
      <img class="imagenLista" src="myimage">
    </picture>

    <p>
      <br>sometext
    </p>
  </a>
</div>

＆＃13;

＆＃13;

＆＃13;

我使用的是chrome和firefox，我遇到了同样的问题，但奇怪的是，在JSBin中，它有效。我也在使用崇高的文字（我不知道它是否重要）。

Answer 1

您应该定位list-group-item而不是list-group

Here's a working example（已导入引导程序）

Answer 2

请将您的css添加到list-group-item

.list-group{
background-color: black;
}
a.list-group-item.list-group-item-action {
background-color: #000;
}