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

Question

I have made a list with bootstrap and I would like to change the background-color of each item. I have this:

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

 <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>

I am using chromium and firefox and I have the same problem, but the curious thing is that in JSBin, it works. I am using sublime text(I don't know if it is important) also.

Answer 1

You should target list-group-item not list-group

Here's a working example (with bootstrap imported)

Answer 2

Please add your css to list-group-item

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