#f00;}1番目2番目3番目4番目5番目nの倍数nの倍数にのみ適用。以下だと3、6、9、12...と3の倍数に適用できる。以下の書き方だと3の倍数に1を足した、1、4、7、10、13...に適用できる。上から指定した個数だけ適用。この例だと上から3個に適用されます。上から指定した個数以降にのみ適用。この例だと上から3個目以降に適用されます。#f00;}1番目2番目3番目4番目5番目ここからは「nth-child()」以外の書き方。最初の要素のみ最初の要素にのみ適用。最後の要素のみ最後の要素にのみ適用。下からn番目の要素にのみ適用。下から指定した個数だけ適用。この例だと下から3個に適用されます。下から指定した個数以降にのみ適用。この例だと下から3個目以降に適用されます。以上、指定した要素にだけCSSを適用するための疑似クラスのご紹介でした。画像の下に数ピクセルの謎の余白が出来てしまう時に解決できるCSSサイトに画像を表示するならimgタグ、divなどで囲ってレイアウトを調整、よくある日常の作業なのですが、たまに悩まされる時があります。今や当然のように記述するようになったHTML5で追加されたタグ。<header>や<footer>、<nav>など、これまで...便利なcalc()関数でwidthやfont-sizeの値を計算式で指定レイアウトを組む時、特に横幅可変やレスポンシブ対応の際に横幅や余白の計算は不可欠ですね。横幅いっぱいに伸ばしたいけど50pxだけ余白を残したい時。「親のd...スマホ用サイト、縦向きと横向きでCSSの指定を切り替える記述方法2014年現在、あるのが当たり前になりつつあるスマートフォン用サイト。PC用サイトとの大きな違いの一つに「縦向きと横向きで画面サイズが変わる」という点があります...IE8対応!opacityの書き方についてオンマウス時などに透明度を変更できる「opacity」。便利なのですが、IE8に対応させようとした時にうまくいかない時があったので、その時の対処法を掲載します。コメントをキャンセルメールアドレスが公開されることはありません。