2022年09月13日(火)

CSSで最後の要素にだけスタイルを適用させない、疑似クラス「:not()」と「:last-of-type」の組み合わせは便利

• 0
• 25
• 45
• 72

疑似クラスを使いなせるようになると、CSSはより楽しくなります。

リストなど複数の兄弟要素を配置した時に、最後の要素にだけスタイルを適用しないようにするには、:not()と:last-of-typeを組み合わせると便利です。

下記のように最後だけラインをつけないとか、marginやpaddingを変えるという時によく使用されるCSSのテクニックです。

author:

コリス

http://coliss.com

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログ

オリジナルサイトで続きを読む

今日のwebデザイン記事ランキングを見る

         

‹ PREV

               

SFAで見える化すると、次のレベルが見えてくる。Before/Afterで「体感」するSFAツールの導入効果

         

NEXT ›

               

グローバルナビゲーションとは？SEOやビジネス成果に効果的な作り方

関連記事

• 「コンテンツSEOを代理店に頼んでいるけど成果が出ない」方によくおすすめする4つのアクション
• オウンドメディアで行うべき改善施策を3パターンの課題別に紹介
• オウンドメディアのデザインは最低限でOK｜デザイナーが語るその理由
• 検索ボリュームがゼロのキーワードなのに、あなたのサイトのCVを倍増させる可能性が！
• YouTubeのハードルが高くて始められない企業へのアドバイス

Ads

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログコリスの記事『CSSで最後の要素にだけスタイルを適用させない、疑似クラス「:not()」と「:last-of-type」の組み合わせは便利』についてまとめています。

この記事は特にSEO・twitterについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のコリスで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとコリスの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。