Подтвердить что ты не робот

CSS3: пустой селектор и свойство содержимого

I хотел использовать CSS3 :empty psedo-selector и CSS3 content свойство вместе, чтобы добавить текст в пустые списки, как показано в этой скрипте:

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

I узнал, что CSS разрешает только content в селекторах :after или :before. Есть ли решение, позволяющее создавать пустые списки?

ИЗМЕНИТЬ

Как я узнал в комментариях, получается, что вы можете использовать content в любом месте CSS3 (в большинстве браузеров это не действует [по состоянию на 12/31/2012]) и только в :after и :before блоков в CSS2. (Спасибо @BoltClock)

Если вы не против того, чтобы использовать Firefox, вы можете использовать селектор -moz-only-whitespace, чтобы сделать его более логичным. (Спасибо @robertc)

4b9b3361

Ответ 1

Оказывается, я ответил на свой вопрос в вопросе:

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

Вы можете использовать :after с элементом :empty, чтобы добавить что-то после UL. В конце концов, он пуст, поэтому он гарантированно находится там, где был список.

Ответ 2

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