Restauracja CSS - Gdzie ucztujemy na selektorach CSS!

Za chwilę poznasz selektory CSS! Selektory to sposób wyboru elementu, do którego mają zostać zastosowane style.

p {
   margin-bottom: 12px;
}

"p" jest selektorem (wybiera wszystkie elementy <p>) i stosuje styl margin-bottom.

Aby grać, wpisz selektor CSS w edytorze poniżej, aby wybrać odpowiednie pozycje na stole. Jeśli dobrze to zrobisz, przejdziesz do następnego poziomu.

Najedź kursorem na elementy w tabeli, aby zobaczyć ich znaczniki HTML.

Uzyskaj pomoc dotyczącą selektorów po prawej stronie! →

Ok, rozumiem!

style.css

Edytor CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

enter

{
/* Tutaj pasują style. */
}

/*
Wpisz liczbę, aby przejść do poziomu.
Np. → "5" dla poziomu 5
*/

stolik.html

Podgląd HTML

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

Co to jest?

To mała gra, która pomoże Ci nauczyć się selektorów CSS. Wpisz właściwy selektor, aby ukończyć każdy poziom. Uzyskaj pomoc po prawej stronie.