What it does
CSS Diner is a selector-learning game with a CSS editor, HTML viewer and level-based challenges.
Type a selector that targets the requested table items, then inspect the HTML when you are unsure why it matched. Hovering over an item reveals its markup. The game keeps attention on selection rather than styling, making it useful when class, element and relationship selectors still feel interchangeable. A correct selector advances to the next level, and the side panel provides selector help.
Sources
- CSS Diner - Where we feast on CSS Selectors! (Oct 26, 2026)