Need to show two ion-cards

Ionic Framework ionic-v3
1

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

2

How are you doing it right now?

3

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>

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

Then in your CSS

.card_1 {
    background-colour: red;
}

.card_2 {
    background-color: blue;
}
1 Like