我有以下代码:
<h3 class="hideIfDivEmpty">title</h3>
<div id="divId"></div>
我想当 div 为空时隐藏 h3 元素。
我愿意更改 html 结构,但 h3 必须位于 div 之外,因为它的内容是动态更改的。
有没有办法在 CSS 中做到这一点?
没有语法可以从中选择父元素或任何其他非子元素#divid
。您可以选择#divid
如果它是空的,则通过#divid:empty
,但是你无法选择.hideIfDivIsEmpty
在任何浏览器中选择该选项。根据这个问题 https://stackoverflow.com/questions/1014861/is-there-a-css-parent-selectorCSS4中有这样的东西(specs http://www.w3.org/TR/selectors4/#subject),但目前任何浏览器都不支持它,并且根据相同的规范,选择器太慢而无法在浏览器中实现。
有关此问题的 javascript 解决方案,请参阅其他答案。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)