Exercice 06 - CSS Diner
Un petit exercice amusant sur les sélecteurs css. Vous pouvez y accéder à l'adresse suivante :
Inscrivez vos réponses dans un fichier texte. Essayez de réussir les 32 niveaux, on regarde ça ensemble au prochain cours.
Solutionnaire
Si vous êtes bloqué sur un numéro, voici les réponses
1. plate
2. bento
3. #fancy
4. plate apple
5. #fancy pickle
6. .small
7. orange.small
8. bento orange.small
9. plate, bento
10. *
11. plate *
12. plate + apple
13. bento ~ pickle
14. plate > apple
15. plate orange:first-child
16. plate apple:only-child, plate pickle:only-child
17. #fancy apple:last-child, pickle
18. plate:nth-child(3)
19. bento:nth-last-child(3)
20. apple:first-of-type
21. plate:nth-of-type(even)
22. plate:nth-of-type(2n+3)
23. plate apple:only-of-type
24. apple:last-of-type, orange:last-of-type
25. bento:empty
26. apple:not(.small)
27. [for]
28. plate[for]
29. [for="Vitaly"]
30. [for^='Sa']
31. [for$='ato']
32. [for*='obb']