最近使う機会も増えてきたCSS3のセレクタですが、結構ややこしくて困りますよね(確定)。 そんなわけで良く使う属性セレクタとnth-child、nth-of-typeをざっくりとまとめてみました。 これでCSS3や、jQueryを書くときにも困らないかも知れませんね! ※画像の意味はお察しください。 属性セレクタについて CSS3からタグに付いている属性で条件指定することが出来るようになりました。 基本的にfoo[prop="~"]のように [ と ] で属性の状態を指定します。 また“(ダブルクォーテーション)は必須です! 例えば /*titleがokの要素*/ *[title="ok"]{ color:#F00; } などです。また属性セレクタは非常に柔軟な指定が可能で /*titleがokで始まる要素*/ *[title^="ok"]{ color:#F00; } ※<p title
![CSS3で良く使う属性セレクタとnth-child、nth-of-typeをざっくりまとめました。 | HTML5GOGO](https://cdn-ak-scissors.b.st-hatena.com/image/square/1b2c32b38bad5220ab063db138ce835c70f495ac/height=288;version=1;width=512/http%3A%2F%2Fhtml555.jp%2Fadmin%2Fwp-content%2Fuploads%2Fbanlogo-150x150.png)