CSS3のセレクタ全42種 まとめておさらい使い方リファレンス | WP-E (仮)
こんにちわ。WP-Eイクラこと@ampersand_xyzです。 CSS3のセレクタ、ちゃんと覚えてる？ 普段使わなかったりするようなセレクタって、すっかり脳みそから抜け落ちてしまい、適用されているスタイルを確認したときに あれ？コレなんだったっけ？ というセリフを何度心のなかでつぶやいたか分かりません。 また、場面によって必要に応じたセレクタを使えてるかどうかというところも気になるところ。どんなセレクタがあるのかを覚えておけば、たとえばDOMの動的生成をするときに無駄な分岐処理をしてstyle適用とか、JSでゴリゴリスタイル付与とかしなくてよくなるはずです。 おさらい用チートシート作成を兼ねて、Selector Level3 のSelectorsについて、セレクタの記法と使い方のgistつけてまとめていきたいと思います。 なお、仕様書の日本語訳は以下のページをご参照ください http:/
CSSセレクタ20個のおさらい
CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの１つです。 属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 また、IEが対応しきれていないCSS3のセレクタもありますが、IE6～8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」 で紹介したようにCSS3セレクタはie対策も容易なのでぜひお試しください。 SelectivizrはCSSを外部ファイルで指定した方がいいのですが、今回のサンプルはCSSを外部ファイル
もう一度おさらい、CSSのセレクタ ～そして使ってみよう
IDやclassで指定するCSSはよく使うけど、それ以外のセレクタはあんまり覚えてない…というあなた。…いや私です。一緒にCSSセレクタのおさらいをしてみませんか？ 手打ちでHTMLを書いていた時代からこの仕事をしているくせに、まだへなちょこのままの鈴木です。すみません。勉強不足もいいところなのですが、ちょくちょくリファレンスやGoogle先生にお世話になっています。 先日コーディングをしている際にも、またリファレンスにお世話になったのですが、「これあんまり使ってないな～」「忘れてたな～」という反省がありまして、自分メモに限りなく近いですがいくつか共有したいと思います。 しかし、世の中にはもうすでに、CSSセレクタをきっちりがっちり解説されている先輩諸兄がたくさんいらっしゃるので、私は「こういう感じに使えるよね！」という具体例をいくつかご紹介できたらなと思っています。 ※クライアントワーク
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
指定した要素の直下の子要素にだけCSSを適用する | Blog
