Почему не работает фоновый цвет? - CSS

Question

Я сделал список с бутстрапом, и я хотел бы изменить фоновый цвет каждого элемента. У меня есть это:

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

Я использую хром и светлячок, и у меня такая же проблема, но любопытно то, что в JSBin, это работает. Я использую возвышенный текст (я не знаю, если это важно).

Answer 1

Вы должны быть нацелены на list-group-item не list-group

Here's a working example (с начальной загрузки импортирован)

Answer 2

Пожалуйста, добавьте CSS в список-группы пункт

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