CSSセレクタ20個のおさらい
CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの１つです。 属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 また、IEが対応しきれていないCSS3のセレクタもありますが、IE6～8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」 で紹介したようにCSS3セレクタはie対策も容易なのでぜひお試しください。 SelectivizrはCSSを外部ファイルで指定した方がいいのですが、今回のサンプルはCSSを外部ファイル
条件付コメントについて
条件付コメントとは 条件付コメントとはIEの独自仕様でそのコメントで囲われた部分の表示・非表示をバージョンによって分けることができるというものです。 CSSの指定をブラウザ・バージョンによって分けたいときによく使います。 条件付コメントの書式 条件付コメントの基本的な書式は、指定のバージョン・指定のバージョン以上・指定のバージョン未満に分かれます。それぞれ以下のように書きます。 指定のバージョン <!--[if IE 6.0]>内容<![endif]--> 指定のバージョン以上 <!--[if gte IE 6.0]>内容<![endif]--> 指定のバージョン未満 <!--[if lt IE 6.0]>内容<![endif]--> バージョンの指定が 6.0 と書いてあるところです。 バージョン表 バージョンの指定にもルールがあります。適当に入力しても認識されないので注意しましょう。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
