こんにちわ。WP-Eイクラこと@ampersand_xyzです。 CSS3のセレクタ、ちゃんと覚えてる? 普段使わなかったりするようなセレクタって、すっかり脳みそから抜け落ちてしまい、適用されているスタイルを確認したときに あれ?コレなんだったっけ? というセリフを何度心のなかでつぶやいたか分かりません。 また、場面によって必要に応じたセレクタを使えてるかどうかというところも気になるところ。どんなセレクタがあるのかを覚えておけば、たとえばDOMの動的生成をするときに無駄な分岐処理をしてstyle適用とか、JSでゴリゴリスタイル付与とかしなくてよくなるはずです。 おさらい用チートシート作成を兼ねて、Selector Level3 のSelectorsについて、セレクタの記法と使い方のgistつけてまとめていきたいと思います。 なお、仕様書の日本語訳は以下のページをご参照ください http:/
![CSS3のセレクタ全42種 まとめておさらい使い方リファレンス | WP-E (仮)](https://cdn-ak-scissors.b.st-hatena.com/image/square/94b9c79a65d0ea13171127eee01e388c8401fc7c/height=288;version=1;width=512/https%3A%2F%2Fwp-e.org%2Fwp-content%2Fuploads%2F2014%2F05%2Fc111c85ec1b05835719015a9b4457dee.png)