CSSのセレクタがちょっとあやふやな人はやってみて! 楽しみながらCSSのセレクタを学ぶ -CSS Diner
Post on:2014年3月25日
ゲーム感覚で楽しみながら、CSSのセレクタを学ぶことが出来るオンラインコンテンツを紹介します。
![サイトのキャプチャ](/wp-content/uploads-201401/2014032501-01.png)
遊び方は簡単!
お皿や料理などのアニメーションしている箇所をCSSのセレクタで指定していきます。
![サイトのキャプチャ](/wp-content/uploads-201401/2014032502.png)
L.1にセレクタを入力
1問目はお皿が二枚アニメーションしているので、右のHTMLを参考にしながら「plate」を入力。
![サイトのキャプチャ](/wp-content/uploads-201401/2014032501-02.png)
セレクタ入力後は「Enter」キー
間違うと、お皿がぶるぶる震えます。
正解すると、次の問題が表示されます。
![サイトのキャプチャ](/wp-content/uploads-201401/2014032501-03.png)
セレクタの問題は26問が用意されており、右上から全部の問題が一覧できます。
![サイトのキャプチャ](/wp-content/uploads-201401/2014032501-04.png)
sponsors