StackCareersEventRECRUIT子要素の数によってスタイルを変更させる2022年11月24日こんにちは。ウェブ開発室でフロントエンド業務を担当している石井です。年齢制限のある作品なので、過激な表現もありますが、TRIGGERが好き、サイバーパンクの雰囲気が好きという方にオススメのアニメです!今回の記事では「CSSで子要素の数によってスタイルを変更させる」方法について、ご紹介します。DEMO百聞は一見にしかずと言うので、まずは事前に用意したDEMOをご覧ください。class="item"></div></div>大枠としては全て同じですが、親要素内の子要素数が違っています。...といった風にclass名を付けて影響範囲を絞るなど対応が必要になると思います。この様なケースでclass名を増やさずにCSSを当てたい場合、次のCSSが役に立ちます。書くことによって最初の要素が最後から数えてn番目だった場合と定義できます。それ以降の要素にもCSSを適用することが可能です。DEMO内でも検証していますので、詳しく確認したい方はそちらも参考にして下さい。まとめ今回は「CSSで子要素の数によってスタイルを変更させる」方法について、ご紹介しました。利用する機会はそれほど多くないかもしれませんが、知っておくと役に立つ時があると思いますので、ご活用いただければ幸いです!ココネでは一緒に働く仲間を募集中です。ご興味のある方は、ぜひこちらの採用特設サイトをご覧ください。22Category技術TagフロントエンドcoconeCSSHTML一緒に働くエンジニアを募集していますココネのエンジニア採用はこちら感性をカタチに。株式会社%d人のブロガーが「いいね」をつけました。