CSS - 如何在离子框架中更改项目头像的背景颜色？

Question

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

CSS

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

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>

请指教。感谢。

Answer 1

试试这个：

.item，.item-avatar，.list-purple {}

Answer 2

CSS规则应如下所示：

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

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