よるアイコン表示CSSのcontentプロパティを使って、サブメニュー項目の先頭にアイコン画像を挿入しましょう。各項目の先頭にアイコン画像を挿入することで、それがメニュー項目であることを視覚的に目立たせます。アイコンには画像ファイルを使用します。ダウンロードしたサンプルファイルからicon_submenu.pngをコピーしてimagesフォルダの中へあらかじめ入れておきます。画像ファイル:icon_submenu.pngbase.cssに以下の記述を追加してください。{clear:both;/*回り込みを解除する*/}保存をしたらブラウザで表示してみましょう。サブメニュー部分のリンクテキストの前にアイコン画像が表示されれば成功です。内容挿入にはcontentプロパティを使用します。部分が、アイコン画像の挿入を指定しているCSSソースです。挿入しているのは、アイコン風に作成した画像ファイルです。:before疑似要素:before疑似要素は、「要素の直前」を表します。疑似要素をセレクタに使うと、要素や属性などの文書構造だけでは特定できない箇所に対して、スタイルを適用することができます。a:beforeは「a要素の直前」という意味です。いうセレクタで特定しています。これは、「div#submenuの下にある、ul要素の下にある、li要素の下にある、a要素の直前の部分」を指定していることになります。要素名を半角スペースで区切ると、「~の子要素」という意味になります。アイコン画像の表示位置を調整しています。vertical-alignプロパティは縦方向の表示位置を指定する際に使用します。値には、テキストの上端に表示位置を揃えるtext-topというキーワードを指定しています。まとめ内容を自動挿入するには、contentプロパティを使用する:before疑似要素は、「要素の直前」を表す。