CSS3：空のセレクタと私は<strong><em>このフィドルで示されているよう</em></strong>は空のリストにいくつかのテキストを追加するために一緒にCSS3の<code>:empty</code> psedoセレクタとCSS3の<code>content</code>プロパティを使用していた

Question

contentプロパティ：

http://jsfiddle.net/ZesAC/2/

私はを学び、または:beforeセレクタでcontentを許可しています。空リストのスタイリングを可能にするソリューションはありますか？

EDIT

私はコメントで学んだように、判明あなたは（ブラウザの大半では効果へ[2012年12月31日のとして]）どこにでもCSS3でcontentを使用することができますのみCSS2の:afterと:beforeブロックです。 （ありがとう@BoltClock）

Firefox固有のことを気にしない場合は、-moz-only-whitespaceセレクタを使って少し論理的に動作させることができます。

Answer 1

は私が求めてで自分の質問に答え判明（感謝@robertc）：あなたはULの後に何かを追加する:empty要素と:afterを使用することができます

http://jsfiddle.net/M6xZj/2/

。結局のところ、はであり、結局のところ、リストがどこにあったかは保証されています。

Answer 2

.some_class_name:empty:after{ content: "-"; }