Я использовал селектор :empty в классе .error. проблема в том, что даже если в div нет класса с классом ошибки, класс ошибки не удаляется полностью.
когда я тестировал в firebug, я обнаружил, что у div все еще есть пробелы, и когда я удаляю лишние пробелы, div исчезает.
.error{ border:solid 1px #ff0000; color:#ff0000;}
.error:empty{ display:none;}
div показывает это при отладке:
<div class="error"> </div>
что дополнительные пробелы, которые вы видите, являются проблемой.
Есть ли способ показать в css для отображения: none? PLS помощи.
это потому, что <div class="error"> </div> (demo) не пуст, в нем есть текст node.
Пустой псевдокласс представляет собой любой элемент, у которого нет дочерних элементов в все. Только узлы элементов и текст (включая пробелы) считается. Комментарии или инструкции по обработке не влияют на элемент считается пустым или нет.
Try
<div class="error"></div>
Демо: Fiddle