15

このフィドルに示されているように、 CSS3のpsedo-selectorとCSS3のプロパティを一緒に使用して、空のリストにテキストを追加したいと思いました。:emptycontent

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

CSSは入力またはセレクターのみを許可することを学びました。空のリストのスタイルを設定できるソリューションはありますか?content:after:before

編集

コメントで学んだように、CSS3のどこでも使用できcontent([2012年12月31日現在]のほとんどのブラウザーでは効果がありません) 、CSS2:after:beforeブロックでのみ使用できます。(@BoltClockに感謝します)

Firefox固有であることを気にしない場合は、-moz-only-whitespaceセレクターを使用して、もう少し論理的に動作させることができます。(@robertcに感謝します)

4

2 に答える 2

17

質問で自分の質問に答えたことがわかりました:

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

この要素を使用:afterして:empty、UL の後に何かを追加できます。結局のところ、それは空なので、リストがあった場所にあることが保証されています。

于 2012-12-31T13:50:34.487 に答える
12

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

于 2014-03-18T08:22:02.970 に答える