CSS Diner aka. Restaurant (GitHub) by Luke Pacholski is a fun game to play and practice your CSS skill. You will get plates like the following screenshot, and your goal is to pick whatever you are asked to select:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCSphJQwtyOzIrci6hl-K5060wr48mu9FQnSDUisqYrKD3H_cpWhVUsjYhbQRj-kLe66oo1FpgxEhMGXj03fS-VzwBGDzozD0dtQO7m13IvC8t2tkLTQO7tzbe2jgHht9ULolmDhCfCy4/s640/2014-03-26--00%253A27%253A30.png

You will need to answer the correct selector that meets the current level’s instruction. There might be more than one way to select the targets, but you need to do it with what the level gives you. If it says :nth-child, then you must use that.

Currently, it has 26 levels, they are pretty simple, nothing really hard. Once you finished all levels, you will get a reward table:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZsOwrbqWajS_g0R6WnAuWDiJxp0g0fhpuvFWR-8-zwvo2UbJ13JSDcLNfddGFdujOSkHzRbx3Uh9K0V4b-3_BxZRTsXpU29YxGI1hAbPZ9rZPDBEistXADE2AzHtE_wRvvvzJKhPNW-w/s640/2014-03-26--00%253A26%253A05.png

The graphics are outstanding, the objects or foods even wiggle. Bento and pickle, interesting Japanese style.

Man, it’s good to feel like a God!