CSSの:nth-childと:nth-last-child擬似クラスの使用例 | NxWorld

2016/01/18 67 users NxWorld 備忘録 CSS 擬似クラス 一瞬

今更な内容になりますが、未対応だったIEのサポート終了によって今後ますます使う場面は増えるでしょうし、恥ずかしながら指定方法によっては一瞬どう記述するかど忘れしちゃうことがたまにあるので備忘録も兼ねて。CSSの擬似クラスにある「:nth-child」と「:nth-last-child」の使用例を自分が見たい時にすぐ確認できるようひと通りまとめました。 説明時に利用しているサンプルイメージやソースは... 続きを読む

CSSの「:nth-child」をマスターするための図解いろいろ | IDEA*IDEA

2011/06/17 160 users useful IDEA CSS-Tricks CSS 基本

あ、これはいいかも。CSSの「:nth-child」を理解するための図がいろいろ紹介されていましたよ。 ↑ ここらへんは基本。 ↑ こんなのとか。 ↑ こういうのも。 ↑ にゃるほど。 図解がすんごくわかりやすいですね。一度目を通しておくと良さそうです。こちらからどうぞ。 » Useful :nth-child Recipes | CSS-Tricks 続きを読む

[jQuery] プラグインを使わずに少しのコードを使ってテーブルのセルを分かりやすくハイライトする - かちびと.net

2011/04/01 93 users jQuery セル Tips 疑似クラス net

現在見ているテーブルのセルが 分かりやすいようにマウスオーバー で縦と横のセルをハイライトするよう にするTipsです。css3の:nth-child() 疑似クラスを、jQueryを使用してクロス ブラウザに対応させます。 という訳でメモ書き。探したらプラグインを使うものばかりだったのですが、これだけの為にプラグイン使うのは正直アレなので簡単なコードでハイライトできるようなものを。サンプルマウス... 続きを読む