通过CSS折叠div和p

Question

如果它们是空的,那么你怎么能折叠div和p -elements,这样才能在源代码中为用户显示标签？

这些元素在我的源代码中,尽管它们是空的.这会导致网站其他部分出现错误.

我运行不成功

div.unsuccessful,
div.unsuccessful p {
    visibility: collapse;                                                                                                                                                                                      
}

这表明我显然不能通过CSS做这样的事情.也许,需要其他工具,如PHP.

Answer 1

CSS对实际的HTML代码没有影响,因此无法做到这一点.在(即将出现的)CSS3中,您可以使用:empty伪类来阻止它们的呈现:

div:empty {
    display: none;
}

这当然不是一回事,但它可能会解决你遇到的问题..如果只有浏览器实际支持它,他们还没有.

最好的选择是使用像PHP这样的脚本语言在服务器上删除它们.我想你可以用JavaScript做客户端,但这是一个可怕的解决方案,imo.

话虽这么说,你对这些空标签有什么问题？他们为什么一开始就在那里？在我看来,一些重新设计是有序的,以防止不必要的标签首先生成.

另外,要小心.空标签并不总是毫无意义.事实上,删除每一个空洞<div>都可能被视为有害.