如果下一个元素为空则隐藏该元素

2024-03-04

我有以下代码:

<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(使用前将#替换为@)

如果下一个元素为空则隐藏该元素 的相关文章

  • Google 字体衬里数字

    我正在使用Raleway http www google com fonts specimen Raleway字体和谷歌字体的描述说 下载的内容既有旧风格 也有衬里数字 我找不到任何说明文件how到行数字 有谁知道我该怎么做 回答我自己的问
  • 在 Asp.Net 中以编程方式添加样式表

    我想以编程方式在头部添加样式表 但我看到的示例之一似乎需要多行代码才能添加一个样式表 即使我可能需要很多 示例代码 HtmlLink css new HtmlLink css Href css fancyforms css css Attr
  • CSS 中 media="screen" 是什么意思?

    下面的 CSS 代码中 media screen 是什么意思
  • 如何避免 Angular 材料中出现额外的 mat-form-field-underline

    我在查找为什么在使用组件时会出现额外的 mat form field underline 时遇到问题 我的页面使用此标记
  • 使用列数,如果分辨率较小,是否可以动态地从 3 列更改为 2 列?

    我正在使用column count属性来设置一个页面 在三列中包含多个 div 这在较大的屏幕上看起来很棒 每个 div 都有固定宽度 例如 500px 包含图像 然而 当在较小的屏幕上工作时 浏览器会尝试强制内容在原始的三列中 而实际上它
  • 根据分辨率更改字体大小

    我正在开发一个网页 它的不同段落 h 等使用不同的尺寸 我在用着em sizes 字体大小 2em 举个例子 但是 当我将屏幕分辨率更改为较低的分辨率时 我希望该尺寸也较小 为此 我尝试了以下代码
  • 文本输入框作为 SVG 中的“foreignObject” - 文本溢出问题

    我使用 foreignObject 标签在 svg 中有一个文本输入框 这很有效 但是如果您在输入框中输入的内容比其宽度长 从而导致其溢出 那么文本实际上会出现在页面上的其他位置 可能是没有外来对象标记的默认位置 这是一些屏幕截图来解释正在
  • Bootstrap 手风琴菜单不起作用

    我设计了一个如图所示的手风琴菜单 如果单击菜单 打开的菜单将关闭 这就是手风琴的功能 但在这个设计中 我逐个单击菜单 但前一个没有关闭 如何解决这个问题 提前致谢 jQuery document ready function var acc
  • 如何更改 Material UI 版本 5 自动完成中的选项字体大小?

    我想更改下拉项目的字体大小 我尝试了不同的方法来改变字体大小 如下所示 如何更改 Material UI 自动完成字体大小 https stackoverflow com questions 62492939 how do i change
  • 为什么inline-block元素出现在inline元素的下方?如何让它们出现在同一行?

    我目前正在尝试理解基本的 HTML 和 CSS 概念 并遇到了一个非常奇怪的问题 我有两个元素 一个具有 display inline 另一个具有 display inline block 我正在尝试创建一个列表 类似的东西1 SOME C
  • 如何隐藏其他选项卡的内容并仅显示所选选项卡的内容

    当我单击特定选项卡时 其他选项卡的内容应该隐藏 但它并没有隐藏 这是我所有的代码 function showStuff id if document getElementById id style display block documen
  • 将单选按钮放置在图像上

    我试图在图像上的确切位置放置一些单选按钮 我已将两者都放在 Div 中 但我不知道下一步该怎么做 这是我想要放置单选按钮的位置 红色圆圈 到目前为止 这是我的代码 center display block margin left auto
  • stripe checkout css内容策略错误

    我正在尝试创建一种形式条纹结账 https stripe com docs checkout在我的 Ionic 应用程序中 我创建了一个指令 将表单植入到我的内容视图中 但是当我运行它时 CSS 因违反内容策略而失败 checkout js
  • 单击按钮重复动画

    我想每次单击按钮时都重复动画 我尝试做某事像这样 https jsfiddle net 91raod7e const dist document querySelector dist document querySelector butto
  • ReactTable 修复了最后一行

    我正在使用 ReactTable 最后我需要创建一些摘要 当分页存在时 它每次都应该可见 可以用react table来实现吗 我可以通过创建下一个表来部分解决这个问题 但我没有找到如何隐藏标题的方法 另一个问题是调整列宽度时 它不会应用于
  • 您能否确定 CSS 文件的范围,使其仅适用于给定元素的后代?

    给定一个 css 文件 有没有办法限制整个文件的范围 使其仅适用于给定元素内的元素 例如给定 div span class some element span div 有没有一种方法可以将整个 css 文件的范围应用于 容器 中的所有元素
  • 如何在表格的 tbody/thead 部分周围创建边框?

    我正在尝试创建一个包含表格数据的页面 该页面必须显示为多个表格 然而 我有两个相互冲突的要求需要解决 每个表格周围都必须有边框 每个表格的列宽必须能够根据内容重新调整大小 但是 所有表中的列宽必须一致 即列的大小基于所有表中该列中最大的单元
  • 如何使用CSS将背景图像放入选择选项标签中

    我有一个从 json 响应接收的国家 地区下拉列表 并且想要在国家 地区名称旁边添加相应的国家 地区国旗图标 也从 json 响应获取图像 我已经尝试了不同的 jQuery 和 bootstrap 插件 但他们所做的是破坏我以前的选择框样式
  • Menu.Item 中的 Antd 自动换行

    可以在 Menu Item 组件中应用自动换行吗 示例不起作用
  • 使用本机 JavaScript 获取过渡中的 CSS 值

    这个问题之前被问过 但答案使用了 jQuery here https stackoverflow com q 8920934 3186555 因此 我将调整问题以专门询问native解决方案 to 最小化依赖关系 假设您有一个 div 然后

随机推荐

  • 如何在.NET中一步裁剪图像并调整图像大小

    我有一个图像文件 我想使用 System Drawing 类同时裁剪和调整大小 我正在尝试以本文中的想法为基础 http www schnieds com 2011 07 image upload crop and resize with
  • 如何从 XSLT 中的 JSON 中提取数据?

    我正在 XSLT 中调用休息服务 并获得 JSON 响应作为回报 如何使用 XSLT 从 JSON 响应中提取数据 下面是用于调用其余服务的 XSLT 代码 并给出了 JSON 响应 我需要从 JSON 响应中提取以下值Cookie1 Co
  • 通过 mod_fcgid 加载 PHP 时 PHP $_SERVER['SCRIPT_NAME'] 错误

    我正在使用 Apache 2 4 7 和 PHP 5 5 7 我有一个test php文件输入C web vhosts Symfony web 的价值 SERVER SCRIPT FILENAME 是正确的 C web vhosts Sym
  • Docker 公开所有端口或从 7000 到 8000 的端口范围

    我可以在 Dockerfile 中指定端口范围吗 EXPOSE 7000 8000 当运行容器时 将所有这些暴露的端口绑定到主机上的相同端口 docker run p 7000 8000 7000 8000 从 Docker 1 5 开始
  • 从多个设备同时在多个轨道上录制音频

    我目前正在使用 JavaScript 中的 Web Audio API 开发音频 Web 应用程序 但我发现了一个问题 我需要从不同的设备同时录制到不同的轨道 想象一下 例如 一个具有 8 个输入的声卡独立地录制在 8 个缓冲区中 以便录制
  • 如何通过宁静向druid插入数据

    通过以下教程http druid io docs latest tutorials tutorial loading streaming data html http druid io docs latest tutorials tutor
  • matlab从数组中随机选择数字及其索引

    我有一个数组 c 1 2 3 4 5 可能有多个重复数字 我想从数组中随机选择一个元素及其索引 有谁能够帮助我 你可以find http in mathworks com help matlab ref find html refresh
  • Common Lisp 的 Man 或 javadoc 风格的文档

    是否有任何类型的常见 lisp 文档 例如 javadoc man 甚至类似智能感知的弹出窗口 我刚刚开始学习common lisp 手上记忆力不够 我正在使用 emacs 和 slime 它有制表符补全功能 但看起来信息量不大 Thank
  • 如果我在代码中犯了一个错误并导致JavaScript中出现无限循环并且它不断调用alert(),有没有办法停止循环?

    有时我使用调试代码来警告 javascript 中的某些内容 例如 匹配正则表达式中的某些内容 但忘记了修饰符 并且警报处于无限循环中 或者如果循环与模式匹配 300 次 如果使用 Firefox 警报会不断出现 甚至无法关闭选项卡 窗口或
  • 将 PDF 转换为图像,无需非 python 依赖项

    我想创建一个可以部署到其他计算机上的exe 该程序需要能够读取 pdf 并将其转换为图像 但我不希望其他用户必须下载依赖项 我的理解是 py2image 和 wand 都需要外部依赖项 如果您转换为 exe 其他用户也需要自己下载依赖项 还
  • Spring Remoting 序列化和反序列化

    我们在项目中使用 Spring Remoting 一段时间了 它与其他一些系统一起使用来访问我们的网络服务 我们目前正在研究网络服务采用的参数 但与此同时 我们正在努力独立于消费者 所以 目前我的问题是关于序列化和反序列化在 Spring
  • 将 Objective-C (#define) 宏转换为 Swift

    简而言之 我正在尝试转换 define宏转换为某种原生 Swift 数据结构 只是不确定如何或何种类型 Details 我想尝试并复制以下内容 define从 Objective C 到 Swift 资料来源 JoeKun FileMD5H
  • As3 复制对象

    有时我们需要克隆一个对象 但是如果一个显示对象有一些子对象并使用如下函数 function clone source var b ByteArray new ByteArray b writeObject source b position
  • Socket.io 1.0.5:如何保存会话变量?

    不幸的是 socket io 开发团队决定弃用函数 set 和 get 问题是这两个函数允许我们将变量保存到会话中 所以我的问题是 socket io 1 0 5 上的以下代码等效于什么 socket set mySessionVar my
  • 为什么 R 计算在我的虚拟机中不一致?

    我正在尝试构建一个新的虚拟机R以及下面的软件包作为R server根据我的计算 this is how I install my R packages function install packages folder dir create
  • 删除带有条件的
    标记的多个实例

    正如我在帖子中所说 我只是一个正则表达式学徒 一切都从这个线程开始 Stackoverflow 从预标记内部删除 br https stackoverflow com questions 30577912 remove br from in
  • 列表框多值选择

    我已经根据查询输出创建了表单 我使用了三个组合框和一个列表框 第一个组合框为我提供了部门列表 选择第二个组合框为我提供了该部门的位置 不同 第三个组合框为我提供了该位置的 不同 项目 然后下一个是显示该项目的一些代码的列表框 问题是我只能从
  • QCoreApplication 带有 WMI 的 QApplication

    我在MSDN网站上找到了一些WMI C 应用示例 我已经尝试过以下链接中的代码 http msdn microsoft com en us library aa390423 28v VS 85 29 aspx http msdn micro
  • R - 将 R 模型序列化为 JSON [关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 是否有一些好的 R 包可以将预测模型和其他复杂对象与 JSON 相互转换 我从这个例子中得到了线性回归模
  • 如果下一个元素为空则隐藏该元素

    我有以下代码 h3 class hideIfDivEmpty title h3 div div 我想当 div 为空时隐藏 h3 元素 我愿意更改 html 结构 但 h3 必须位于 div 之外 因为它的内容是动态更改的 有没有办法在 C