Ion-item even and odd color not working with :hover

Ionic Framework
1

HI,
I am able to assign different colors to the ion-items, but if I combine that with the with a class using hover to change to a different color it doesn’t works (it use to works in Ionic 3)

This is Ionic 4 issue:

    <ion-item
      *ngFor="let info of cuentas; let odd = odd"
      (click)="select(info)"
      class="selectable"
      [color]="odd ? 'next' : 'light'"
    >

css

ion-item.selectable:hover {
  background-color: #afaeb6 !important;
}

If I remove the ‘next’ css class it works perfect just in those items with the next css applied

2

Hope this helps: https://stackoverflow.com/a/62838838/1077309