CSS Diner

Pas d'inquiétude, vous allez y arriver!

Vous vous apprêtez à apprendre les sélecteurs CSS! Un sélecteur permet de choisir à quel(s) élément(s) on souhaite appliquer une règle de style

Exhibit 1 - A CSS Rule

p {
   margin-bottom: 12px;
}

Ici "p" est le sélecteur, il sélectionne tous les paragraphes, c'est-à-dire tous les éléments <p> et leur applique 12px de margin-bottom

Pour jouer, taper voter sélecteur CSS dans l'éditeur ci-dessous pour sélectionner l'objet voulu sur la table. Si vous y arrivez, vous accéderez au niveau suivant

Passez votre souris sur les objets sur la table pour voir leur balise HTML

Vous trouverez toute l'aide nécessaire sur la droite →

Ok, je l'ai!
A l'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
+
enter
{
/* Les règles de style iraient ici */
}

/*
Tapez un nombre pour aller directement à ce 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

Made by @flukeout — come say hi!

Have feedback or questions? Please file an issue on the Github repo.

Exemples

Choisir un niveau

Recommencez à 0