CSS Diner

Non ti preoccupare, ecco un'indizio!

Stai per imparare i selettori CSS! I selettori servono a scegliere su quale elemento applicare gli stili.

Esempio 1 - Regola CSS

p {
   margin-bottom: 12px;
}

Qui, la "p" รจ il selettore (seleziona tutti gli elementi <p>) e applica lo stile del margin-bottom (margine nella parte inferiore).

Per giocare, digitare un selettore CSS nell'editor qui sotto per selezionare gli elementi corretti sul tavolo. Se si ottiene la cosa giusta, si passa al livello successivo.

Passare con il mouse sugli elementi sul tavolo per vedere la loro marcatura HTML.

Aiutati con i selettori a destra! →

Ok, capito!
Aiuto, sono bloccato!
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
{
/* Gli stili andrebbero qui. */
}

/*
Digitare un numero per saltare a un livello.
Es → "5" per andare al livello 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

Realizzato da @flukeout — vieni a salutare!!

Hai commenti o domande? Apri una issue sulla repo Github.

Esempi

Seleziona un livello

Ripristina progresso