Need to show two ion-cards

i have two different types of cards to show with different visual properties. When i change the style sheet of one card then it is applied on both the cards. is there a way to assign different property to card number 2. i have tried but its seems not working.
Thanks in advance

How are you doing it right now?

Off the top of my head you could use classes to identify each card. i.e.

In your HTML

<ion-card class="card_1">
  <!-- inset card 1 content here -->

<ion-card class="card_2">
  <!-- inset card 2 content here -->

Then in your CSS

.card_1 {
    background-colour: red;

.card_2 {
    background-color: blue;
1 Like