擬似要素[::before]や[::after]にて特殊文字・機種依存文字を表示する方法｜スタッフブログ - ビットスター株式会社こんにちは、さいとうです。 えー、これからCSSのとってもニッチなことについて語らせていただきますので、 興味の無い方はこちらの写真で和んでから、そっとページを移動してください。 −−− 擬似要素[::before]や[::after]は、指定した要素内の前後に文字を挿入するCSSです。 言葉で書いてもわかりにくいですね。 [html] <p class=“text”>おすすめアイテム</p> [css] p.text::before { content: “【NEW】”; } これをブラウザで表示した結果は、 【NEW】おすすめアイテム といった具合に、表示結果を見ると「おすすめアイテム」というテキストの前に「【NEW】」のテキストが挿入されています。 −−− では、「【NEW】」の代わりに「>」（半角の大なり記号）を入れてみましょう。 「>」はhtmlにおいてタグを指定する時に使用する
![擬似要素[::before]や[::after]にて特殊文字・機種依存文字を表示する方法｜スタッフブログ - ビットスター株式会社](https://cdn-ak-scissors.b.st-hatena.com/image/square/074427fe88a48bc2135c56b1fe082f6822abc12f/height=288;version=1;width=512/https%3A%2F%2Fbitstar.jp%2Fcommon%2Fimg%2Fbase%2Fog.png)
