CSS Diner

Pas de soucis !

Vous êtes sur le point d'apprendre les sélecteurs CSS! Les sélecteurs permettent de choisir l'élément auquel appliquer les styles.

Exemple 1 - Une règle CSS

p {
   margin-bottom: 12px;
}

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

Pour jouer, tapez un sélecteur CSS dans l'éditeur ci-dessous pour sélectionner les éléments corrects sur la table.Si vous le faites bien, vous passerez au niveau suivant.

Passez la souris sur les éléments du tableau pour voir leur balisage HTML.

Obtenez de l'aide avec les sélecteurs avec le menu à droite! →

Ok, j'ai compris !
J'ai besoin d'aide ! Je ne comprends pas.
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 déclarations css iraient ici. */
}

/*
Ecrivez un nombre pour passer 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

© Powered and enhanced by Moving Fries — Based on original work made by @flukeout

Exemples

Choisir un niveau

Effacer la progression