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

テクノロジーカテゴリーの変更を依頼記事元:

www.nxworld.net

65 usersがブックマークコメント

コメント

2

記事へのコメント2件

注目コメント
新着コメント

ku_marin nth-childすき。ようやくいっぱい使えそうだ

css

2016/02/03 リンク

hiroqli ほう

2016/01/19 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

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

今さらな内容になりますが、未対応だったIEのサポート終了によって今後ますます使う場面は増えるでしょ... 今さらな内容になりますが、未対応だったIEのサポート終了によって今後ますます使う場面は増えるでしょうし、恥ずかしながら指定方法によっては一瞬どう記述するかど忘れしちゃうことがたまにあるので備忘録も兼ねて。 CSSの擬似クラスにある:nth-childと:nth-last-childの使用例を自分が見たい時にすぐ確認できるようひと通りまとめました。説明時に利用しているサンプルイメージやコードは、ul内に10個のli要素を記述してデフォルトで青いボックスが並んでいる見た目になるようCSSを指定しています。それを:nth-childと:nth-last-childを使って指定されたものを赤いボックスに変化させており、実際のブラウザ表示を見たい場合はCodePenにデモをアップしておいたのでこちらをご覧ください。

ブックマークしたユーザー

nelpesica2019/09/17
lordkf2017/11/17
makotot-riceball2016/07/27
XIAORING2016/04/21
jun08272016/02/04
ms09242016/02/04
ku_marin2016/02/03
kuroaka18712016/01/30
zikutama2016/01/25
teru-72016/01/25
kewpiedesign2016/01/24
qrac_jp2016/01/23
T-KEN2016/01/23
hisaka02282016/01/20
karakitsune2016/01/20
designstalker2016/01/19
hiroqli2016/01/19
ddt20002016/01/19

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx