今回は、CSSの「::before」と「::after」を使用してテキストや要素の直前または直後に共通の記号やアイコンなどのコンテンツを配置する方法を紹介します。「::before」と「::after」を使用すると下記の様に決まったクラス名を付けてあげるだけで決まったコンテンツ（アイコン）が直前直後に付いてくれます。

今回はCSSの「::first」のプロパティを使って最初のテキストもしくは要素のみにスタイルを適応させる方法と使い方について紹介します。今回紹介する「:first-○○」を使えば下記の様に同じタグ（クラス）内に入った要素で初めの1行や要素のみにスタイルを適応させる事が出来ます。本来はタグやクラスをしっかりと付けてスタイルを振り分ければ良いのだが、今回の「:first-○○」は基本的に装飾的な意味合いが大きいのでWEBデザインを作成する際にメリハリの付け方などで重宝する技術です。