這是什麼網站？
CSS Diner 把 CSS 選擇器的練習搬到一張餐桌上：畫面顯示盤子、食物等 HTML 元素，你要寫出正確的選擇器來「選中」指定的目標。從最基本的標籤選擇器一路練到 nth-child 等進階語法，用美術與隱喻把抽象概念變得一目了然，是學前端選擇器公認最有趣的互動教材。
優點
- 主題聚焦・直覺
- 難度遞增舒服
- 免費開源
缺點
- 範圍很窄
- 一次性學習
- 受眾限開發者
FFlipWeb 為什麼推薦
鎖定一個很窄的技能點（選擇器），用餐桌隱喻做到極致直覺。專注解決一個小痛點、做到最好，往往比什麼都想教更有記憶點。
關於 CSS Diner 的常見問題
CSS Diner 是什麼？
CSS Diner（flukeout.github.io）是一個來自美國的互動教育網站。在一張餐桌上練習 CSS 選擇器，選對盤子上的食物就過關——學選擇器最好玩的方式。
CSS Diner 是免費的嗎？
CSS Diner 是公開可造訪的網站，你可以直接前往 flukeout.github.io 體驗。是否有付費功能依該站當下政策而定。
為什麼 FlipWeb 推薦 CSS Diner？
鎖定一個很窄的技能點（選擇器），用餐桌隱喻做到極致直覺。專注解決一個小痛點、做到最好，往往比什麼都想教更有記憶點。
像 CSS Diner 這類網站可以買賣嗎？
可以。有流量、有社群、有品牌的網站都是可被頂讓的數位資產。你可以用 FlipWeb 免費估價工具估算這類網站的價值，或委託出售。
想要類似的網站？FlipWeb 媒合各類數位資產頂讓，或委託出售你的網站。
