---
tutorial: "https://www.youtube.com/watch?v=CaSytmRcVGM"
---


# `05.2` Apply several classes

Hemos preparado una pequeña hoja de estilos CSS que contiene estilos CSS para replicar cartas de poker.

Vamos a usar dos clases y aplicarlas al mismo elemento `<div>`.

```html
<div class="card spades">9</div>
```

La clase `card` contiene las reglas de estilo para hacer que el div se vea como una carta: bordes, ancho, alto, etc.

La clase `spades` contiene las reglas de estilo requeridas para convertir la carta a la pinta de picas (negra con el símbolo de picas).

Hay dos posibles clases de palos/pintas que puedes aplicar al elemento html y hará que se vea como una carta de poker real.

## 📝 Instrucciones:

1. Reemplaza la propiedad `spades` de la clase del `<div>` por la clase `heart` y observa los resultados.

## 💻 Resultado esperado:

![Poker Card Heart](../../.learn/assets/04.2-1.png?raw=true)
