その際、「...疑似要素?疑似クラス?」とはてながいっぱい...。いうことで、頭がパンクする前にまとめておきたいと思います。疑似要素について疑似要素とは?疑似要素とは、要素の一部に対してスタイルを適用できる指定方法です。HTMLの要素を追加することなく、"要素もどき"をCSSで作ることができます。タグを使わずにCSSで「要素」っぽい処理を行うことを、「疑似要素」といいます。コロンの数についてCSS3では「:」コロンを2つ書く決まりとなっています。CSS2まではコロンは1つでしたが、疑似クラスと見分けるためにCSS3から2つになりました。今回よく使用される4つの擬似要素を紹介します。::after【要素の直後に内容を追加する】::beforeと::afterには必ずcontentプロパティが必要で、colorやfont-size等のプロパティは追加する内容に適用されます。指定を忘れると擬似要素が全く表示されないので気をつけてください。::first-letter【要素の1文字目に内容を適用する】まとめ活用方法によっては色々な表現ができそうです。良いコーディングができるように、また、幅広いデザインができるように身につけておきたいですね。参考文献https://www.asobou.co.jp/blog/web/css2https://saruwakakun.com/html-css/basic/before-afterAsuka3Web未経験で、現在独学で勉強中。Illustrator・HTML&CSS...学んだことをメモ、アウトプットしていきたいと思っています。ブログも書いたことないのでここで成長できればと思っております。バッジを贈って著者を応援しようバッジを受け取った著者にはZennから現金やAmazonギフトカードが還元されます。バッジを贈るDiscussionAsuka3Web未経験で、現在独学で勉強中。Illustrator・HTML&CSS...学んだことをメモ、アウトプットしていきたいと思っています。ブログも書いたことないのでここで成長できればと思っております。Proよくある質問LinksX(Twitter)GitHubメディアキットLegal利用規約プライバシーポリシ。