- index.html
- style.css
HTML
<!DOCTYPE html>
<html lang="es">
<head>
<title>Orden del código</title>
<link rel="stylesheet" href="catinbox.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="boxes">
<div class="box cat-keksik">Cupcake</div>
<div class="box cat-rudolf">Rodolfo</div>
<div class="box cat-snezhok">Copito</div>
</div>
</body>
</html>
CSS
.cat-keksik {
background-color: #e74c3c; /* Rojo */
}
.cat-rudolf {
background-color: #3498db; /* Azul */
}
.cat-snezhok {
background-color: #2ecc71; /* Verde */
}
.box {
background-color: #bdc3c7; /* Gris */
}
Ha ido a otra página
Haga clic dentro del mininavegador para poner el foco en esta ventana.
ObjetivosRealizado
0
Cambia el orden de las reglas CSS para que:
- Cupcake y Copito estén en cajas grises y Rodolfo en una azul.
- Cupcake esté en una caja roja, Rodolfo en una azul y Copito en una gris.
- Cupcake esté en una caja roja, Rodolfo en una azul y Copito en una verde.