CSSセレクタ20個のおさらい

CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの１つです。 属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 また、IEが対応しきれていないCSS3のセレクタもありますが、IE6～8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」 で紹介したようにCSS3セレクタはie対策も容易なのでぜひお試しください。 SelectivizrはCSSを外部ファイルで指定した方がいいのですが、今回のサンプルはCSSを外部ファイル

[nisimaru]

CSSのセレクタを理解するために。

[tomoya]

ぶっちゃけ、これを知ってるだけではなくて、どのブラウザのどのバージョンで利用できるかを知っている必要があるかな。

[youichirou]

こういう多彩な指定方法を間違いなくかつ高速な方法で実装するブラウザ開発者の人は偉大だと思った。

[EHbtj]

よくググっちゃうので

[lore]

思ってたよりも断然決め細やかな設定が出来るんだなあCSS。

[caligo]

CSSセレクタ20個のおさらい／ひとのCSS見てて#*** > p とかあってその>はなんだ！？からの（記号で検索引っかからないので）必死に調べたらﾎｧｧｧｧ!!!!だった！はーー！すごいや！

[netbusinessjouhou]

セレクタ

[chlono]

隣接とか疑似要素は未だにど忘れする

[KatagiriSo]

わかりやすい

[kkoiro]

わかりやすい。

[mega-ne0221]

“このような指定方法もできます。”

[soy-curd]

“CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 CSSセレクタはスタイルを適用する対象を指定す

[cbc10c6y]

今更ですが、気になった。とても勉強になります。

[rk8549]

セレクタ一覧

[ricopinx]

＞とか:first-childとか

[yonezi123456]

とても助かります

[em-field]

これはいいまとめ(ﾟ⊿ﾟ)

[takaken1123]

[2016-04-15 19:46]

[aiza_wai]

セレクタはだいたい覚えているけど~とか+とか見るとなんだっけってなる。

[m-nakamata]

CSSセレクタ！

[uretaro]

" E[foo$="bar"]　（属性の値が指定した文字で終わる場合に適用する【CSS3】）tittle属性が「タイトル」で終わる場合にスタイルを適用します。"

[NobiNobiKota]

[HTML/CSS]

[haikikyou]

セレクタ

[masafumi73]

“letter”

[iR3]

ふむふむ

[warau-uichi]

“属性の値が指定した文字を含む場合”

[mizyu5100]

忘れるからメモ

[bonahate]

css[css][参考サイト]

[mika_chi]

“:first-child”

[moerrari]

社内研修「JavaScript基礎」の資料を公開します！ - mixi Engineers' Blog - http://alpha.mixi.co.jp/entry/2013/11844/ より

[mabots]

セレクタ

[marizooooo]

備忘録として。メモ。

[hiroroEX]

“スタイル”

[als_uz]

ここだけ見れば大抵なんとかなりそう

[atsumo]

最近css書いてないから　おさらい