Html CSS-如何在ionicframework中更改物品头像的背景颜色？

我需要使用ionicframework更改物品头像的背景颜色。问题是，它没有改变

css

html

你得走了

请给我一些建议。谢谢。

试试这个：

---

.item、.item avatar、.list purple{}

CSS规则应如下所示：

.list .item-avatar.list-purple {
  color: #FFF;
  background-color: #b31f6f;  
}

---

请注意，CSS选择器中只有一个空格。

@Lal正确无误。我忘了加。在其他类别之前。只是在我的解决方案中也修复了它。@Lal你的小提琴中的html和问题中的不同。

<div class="list list-inset">
    <div class="item item-divider">
    YOUE MOVE
    </div>
    <a class="item item-avatar list-purple" href="#">
      <img src="img/venkman.jpg">
      <h2>Julia Roberts</h2>
      <p>2 days ago</p>
    </a>
    <a class="item item-avatar" href="#">
      <img src="img/venkman.jpg">
      <h2>Robert De Niro</h2>
      <p>2 days ago</p>
    </a>
   </div>

.list .item-avatar.list-purple {
  color: #FFF;
  background-color: #b31f6f;  
}