Restau CSS

Pas de souci, tu peux y arriver !

Tu es sur le point d'apprendre les sélecteurs CSS ! Les sélecteurs permettent de choisir les éléments auxquels appliquer des styles.

Exemple 1 - Une règle CSS

p {
   margin-bottom: 12px;
}

Ici, le "p" est le sélecteur (sélectionne tous les éléments <p>) et applique le style margin-bottom.

Pour jouer, tape un sélecteur CSS dans l'éditeur ci-dessous pour sélectionner les bons éléments sur la table. Si tu as bon, tu passeras au niveau suivant.

Survole les éléments sur la table pour voir leur balisage HTML.

Obtiens de l'aide sur les sélecteurs à droite ! →

Ok, compris !
Aide, je suis bloqué !
style.css
CSS Editor
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
+
entrée
{
/* Styles would go here. */
}

/*
Tape un numéro pour aller à un niveau.
Ex → "5" pour le niveau 5
*/
table.html
HTML Viewer
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

Créé par @flukeout — venez dire bonjour !

Des retours ou des questions ? Ouvrez une issue sur le dépôt Github.

Exemples

Choisis un niveau

Réinitialiser la progression