Você consegue!
Aqui você vai aprender sobre Seletores CSS!
Seletores são a forma de que CSS pega um elemento HTML para aplicar um estilo.
Por exemplo... a regra abaixo se utiliza de um seletor de tipo, você sabia?
p {
color: red;
}
Aqui, o "p" é um seletor (seleciona todos os elementos <p>) e aplica um estilo onde muda a cor de letra para vermelho.
Para jogar, digite o Seletor esperado na area esquerda abaixo, onde tem um editor piscante, para selecionar corretamente os itens que estão sobre a mesa do restaurante. Se você acertar, você avançará de nível.
Passe o mouse por sobre os itens na mesa para ver a marcação HTML referente na parte direita (Visualizador de HTML).
No Visualizador de HTML você verá a estrutura que representa a mesa acima! →
Ok, entendi!2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
/* Outros estilos iriam aqui. */
}
/*
Digite um numero de 1 a 32 para mudar o nível.
Ex → "5" para nível 5
*/
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
Baseado na ótima ferramenta CSS Diner criada por @flukeout
Tradução e ajustes por @itxpertzbr — mande uma mensagem!
Tem contribuições ou perguntas?
Por favor envie uma nota ou isssue através do repositório no Github.