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

: пустой селектор не работает в css

Я использовал селектор :empty в классе .error. проблема в том, что даже если в div нет класса с классом ошибки, класс ошибки не удаляется полностью. когда я тестировал в firebug, я обнаружил, что у div все еще есть пробелы, и когда я удаляю лишние пробелы, div исчезает.

.error{ border:solid 1px #ff0000; color:#ff0000;}
.error:empty{ display:none;}

div показывает это при отладке:

<div class="error">     </div>

что дополнительные пробелы, которые вы видите, являются проблемой. Есть ли способ показать &nbsp; в css для отображения: none? PLS помощи.

4b9b3361

Ответ 1

это потому, что <div class="error"> </div> (demo) не пуст, в нем есть текст node.

: пустой

Пустой псевдокласс представляет собой любой элемент, у которого нет дочерних элементов в все. Только узлы элементов и текст (включая пробелы) считается. Комментарии или инструкции по обработке не влияют на элемент считается пустым или нет.

Try

<div class="error"></div>

Демо: Fiddle