;}「li:last-child:after」みたいに、「:last-child」の後ろに「:after」をそのまんま合体させます。これだけで、一番最後に出てくる擬似要素「:after」は「content:none;」で適用されなくなりました。これ、「:after:last-child」のように順番を逆にすると効かなくなります。「last-child」を先に記述してくださいね。ついでに言うと、「:before」で指定して、逆に「li:first-child:before」で制御するというのも全く同じですので!ほかにも「:hover」と「:after」を組み合わせて、「.example:hover:after」などもできますね。今回はややこしくならないようにさりげなく書いていますが「擬似」という言葉がつくものに「擬似クラス」と「擬似要素」というものがあります。ポピュラーなやつを挙げるとこんなのです。擬似クラス:hover:link:visited:active:first-child:last-child擬似要素:before:after:first-letter:first-lineこんな区別になっていて、今回のを詳しく言うと「擬似クラス」と「擬似要素」をつなぐことができるんです。ブログなんかでちょろっとCSSをいじる人向けに書いているのでそんな細かいのはどうでもいいと思っています。ちなみにこの記事の中では「擬似クラス」「擬似要素」を含めて「擬似的な属性」と呼んでいます。これもどっちでもいいですね(笑)。今回はかなりマニアックでした。Googleで検索しても上手くたどり着かなかったので、これは記事にせな!と思いました。きちさんの記事にはもっと詳しい説明がありますのでこちらもどうぞ。擬似要素「before」「after」の基本から使い方までを徹底紹介!!WEB関係のスキルを学ぶのって独学では時間がかかりますが、今ならオンラインで学べるスクールもあります。」という超ターゲットを絞ったコースがあります。このコースがオススメな理由は、今現在運営しているサイトをリニューアルすることがゴールであること。学生なら10万円以下で今のサイトのリニューアルができ、さらに技術が身につくという一石二鳥なコースです。プロにお願いするとものすごく制作費がかかるので長い目でみると、今学ぶことはかなり合理的です。https://techacademy.jp/webrenewal-programパートナーこの記事、おもしろかったわ。CSSのカテゴリ」にあるきん、そっち見てや。この記事が気に入ったらいいねしよう!最新記事をお届けします。オレンジメールプロフィールTwitterFacebook香川県在住。ブログで飯食っているプロブロガー(月間125万PV達成)のヨスです。効率化オタクが講じて、KADOKAWAから書籍も出版しました。英語学習メディア「英語びより」編集長。ブログを本気で書く人のためのオンラインサロン「ヨッセンスクール」を運営。夫婦別姓を実行してて、何度か新聞からも取材を受けてます。ジェンダーや言語学の話になるとうるさい人です。iPadを使い倒してます。