CSSセレクタ20個のおさらい
CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの１つです。 属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 また、IEが対応しきれていないCSS3のセレクタもありますが、IE6～8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」 で紹介したようにCSS3セレクタはie対策も容易なのでぜひお試しください。 SelectivizrはCSSを外部ファイルで指定した方がいいのですが、今回のサンプルはCSSを外部ファイル
CSSの「セレクタ」の書き方 再入門（CSS3対応版） [ホームページ作成] All About
CSSの「セレクタ」の書き方 再入門（CSS3対応版）スタイルの適用先を指定する「セレクタ」には、様々な条件で対象を絞り込める書き方が用意されています。うまく活用すれば、いちいちHTML側にclass属性やid属性で名前を割り振らなくても、CSS側だけで柔軟に適用先を限定できます。 CSS3では、CSSの「セレクタ」の書き方（仕様）も拡張されている CSSを記述する基本は、 セレクタ { プロパティ: 値; } です(※)。「セレクタ」は、スタイルの適用対象を指定するために記述します。 CSSの基本中の基本であるところの「セレクタ」ですが、この仕様もCSS3で拡張されており、新しく便利な書き方ができるようになっています。また、（従来から仕様上は存在していても）対応ブラウザの問題で使うのを諦めていたために、存在を忘れてしまっている書き方もあるかもしれません。 本記事では、イチから「セレクタ」
![CSSの「セレクタ」の書き方 再入門（CSS3対応版） [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
