Html 如何使用“display:none”样式隐藏具有子级的div？

为了隐藏空div，我使用伪类

：empty

我不仅需要隐藏空div，还需要使用

display:none

样式隐藏包含子级的div。它看起来只是空的，实际上它有一个

html

代码

有没有办法隐藏这样一个街区

我只想使用

css

div{
显示：内联块；
背景：紫色；
颜色：白色；
填充：1rem；
}
分区：空{
显示：无；
}

Div:

123




带空格的Div：






空div（隐藏，很简单）：






带块的Div：


456




带有样式显示的块的Div:none（如何仅使用css隐藏它？）


789

检查它的最简单方法与jQuery中的许多其他方法一样（假设

display:none

只是内联CSS属性：

if ($(element).prop("style")["width"] !== ''){
  $(this).parent().css("display", "none");
}

---

检查它的最简单方法与jQuery中的许多其他方法一样（假设

display:none

只是内联CSS属性：

if ($(element).prop("style")["width"] !== ''){
  $(this).parent().css("display", "none");
}

---

我找到了一个带有

：has

的解决方案，但它不适用于所有浏览器（）

因此，我可以使用

jQuery

的解决方案：

$("div:has(section[style*=`display:block`]").hide()

---

我找到了一个带有

：has

的解决方案，但它不适用于所有浏览器（）

因此，我可以使用

jQuery

的解决方案：

$("div:has(section[style*=`display:block`]").hide()

---

也许我遗漏了一些东西，但是为什么不为此使用一个类呢？然后使用该类来针对您想要显示的任何内容：无

div{
显示：内联块；
背景：紫色；
颜色：白色；
填充：1rem；
}
.隐藏{
显示：无；
}

789

也许我遗漏了一些东西，但为什么不为此使用一个类呢？然后使用该类来针对您想要显示的任何内容：无

div{
显示：内联块；
背景：紫色；
颜色：白色；
填充：1rem；
}
.隐藏{
显示：无；
}

789

不能简单地用空或css来实现这一点。你必须使用jquery。如果你向child添加

display:none

，为什么你不能将它添加到你想要隐藏的父div？不幸的是，不能通过css来实现。但是一个不错的JSway@pkolawa所以，在我的项目中我不能这样做。我很好奇我能做这个简单的吗？伪类可以是p完美，但它不适用于具有child@Daniel谢谢你的链接！但是我会等一等，也许有一种方法，或者某种黑客无法简单地用empty或css来实现这一点。你必须使用jquery。如果你将

display:none

添加到child，为什么你不能将其添加到你想要隐藏的父div中？不能通过css完成是的，但是很好way@pkolawa所以，在我的项目中我不能这样做。我很好奇我能做这个simpli吗？伪类可能是完美的，但它不适用于具有child@Daniel谢谢你的链接！但我会等一等，也许有办法，或者某种黑客