CSS - How to change backgound colour for item avatar in ionicframework?

I need to change backgound colour for item avatar using ionicframework. The problem is, it didn't changed.

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>

Please advice. Thanks.

Try this:

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

The CSS rule should look like this:

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

Notice that there is only one space in the CSS selector.