ヨス(@yossense)です。今回はCSS(スタイルシート)の擬似クラスについてです。偏った内容ですが、ネットで検索しても出てこなかったので。擬似要素「:after」って便利だよねCSSの擬似要素ってすっごく便利です。「:before」と「:after」は、なくてはなりません。いときに使うかと言うと、こんなときとか。ピッコロ大魔王これ、ホームページとかブログによくある「パンくず」と呼ばれるやつです。1つ前の階層に、クリックで簡単に戻れるやつです。迷子にならないようにパンくずを落としながら歩いて行って、そのパンくずを辿って戻るようだから、こんな表現なんですけどね。これを擬似要素の「:before」か「:after」で表示させています。class="example"><ul><li>TOPページ</li><li>ドラゴンボールキャラクター</li><li>ピッコロ大魔王</li></ul></div>リストタグの<ul>と<li>で作っています。今度はCSSではお次はCSSです。li:after」のところですね。ここで「»」を</li>の後に表示させるようにしています。「»」を文字としてHTMLに書かなくても表示されているんですね。ところが問題発生!ところが、このCSSを適用させると1箇所おかしいところが出てきます。」が出てきてしまっています。li:after」って書いていますもんね。