На этой странице sitepoint и quirksmode page я прочитал о новом :empty псевдоклассе.
Sitepoint сказал, что даже при добавлении динамического контента пустой стиль все равно будет действовать. Отмечается, что именно Firefox вел себя таким образом.
Quirksmode сказал, что он отбрасывает пустое состояние, когда он заполняется какими-то элементами или текстом. демонстрация на этом сайте работает в моем браузере (Chrome 19). Поэтому я предположил, что только Firefox будет глючить.
Однако у меня есть этот фрагмент кода в моем плагине, который динамически заполняет список элементами, он, кажется, не работает, вот скрипка , которая добавляет элементы списка, даже если вы нажмете Кнопка, элементы не появятся, пока вы не попытаетесь отладить их в консоли (они волшебным образом появляются, когда вы нажимаете <li> в дереве элементов).
Почему это происходит, и есть ли обходной путь, чтобы "принудительно отказаться" от пустого стиля?
Я знаю, что есть другие способы сделать то, что я делаю в скрипке (и в настоящее время делаю один из этих "других способов"), но метод :empty намного проще.
UPDATE
добавлена кнопка удаления элемента. когда последний элемент удален, список должен исчезнуть - все равно не работает. хммм .. попробую проверить в другом браузере.
FIX
Временное исправление / альтернатива использованию :empty и display:none заключается в том, чтобы элемент имел ноль width, height, borders, margins и paddings. дополнительно position:absolute чтобы убрать его из потока.