Pour cet exercice, vous allez utiliser le principe d'une boucle SASS pour générer l'image d'arrière-plan de 6 différents sélecteurs css.
Aperçu du résultat 👇
Matériel
Pen de départ
Médias
Image 1
Image 2
Image 3
Image 4
Image 5
Image 6
Requis
Spécifiez à CodePen que vous allez utiliser le format SCSS pour générer votre CSS.
Créez une boucle for en SCSS afin qu'il y ait 6 itérations.
Dans cette boucle, générez le sélecteur .sect-X où X équivaut à l'index de la boucle.
Changez la propriété background-image afin qu'elle affiche l'image imgX.jpg où X équivaut à l'index de la boucle.
Notes de cours 📚
Boucle SASS
Plusieurs classes CSS similaires avec une légère variation