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

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

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

  • 如何获得 CSS 变量引用的颜色装饰以在 VS Code 中工作?

    我正在研究 CSS 自定义属性及其修改 似乎将 alpha 通道添加 更改为颜色的最佳方法是使用hsl符号 root green 120deg 100 50 box background hsl var green 0 5 这种方法的问题是
  • 添加额外的字形到引导程序

    亲爱的设计师 开发人员同事 我为我的 bootstrap 网站创建了 8 个额外的字形图标 将它们上传到 icomoon 并下载为字体 这一切都很完美 我可以将我的字体添加到我的 CSS 中并在 HTML 中使用它 没有任何问题 但我想使用
  • 当通过 javascript 填充输入框时,使物化标签移出输入框

    通常情况下 与物化 http materializecss com 文本输入框的标签显示在输入框中 直到用户选择该框并在其中输入文本 但是 当通过 javascript 填充框的值时 标签不会移开 它保留在框中并与输入的文本重叠 有没有办法
  • 使用 Javascript/jQuery 和 CSS 更改 PNG 颜色

    我有一个黑色的心 PNG http 1 bp blogspot com yq ZSKg39Tk TOvzVx9sC5I AAAAAAAAAb0 GcN4O Ciq3s s1600 black heart png我想用不同的颜色显示 如何使用
  • 项目之间的点线

    我正在建立一个餐厅网站和菜单 我需要在菜单项和价格之间画一条 点线 我需要得到它 而不需要手动一一写点 此功能应该自动工作 是否可以使用 span 或 div 等背景来创建它 我拥有的 我想要的是 我想你正在寻找这样的东西 html div
  • 浏览器特定的 CSS 属性

    在哪里可以找到完整的 浏览器特定 css 属性 参考 我的意思是一些属性 例如 moz border radius这仅适用于 Firefox 或 webkit min device pixel ratio 这些示例仅适用于指定的 Web 浏
  • 如何在 flutter/dart 中使用设定大小的自定义字体?

    我正在尝试使用color fontWeight and fontFamily with style style copyWith 我尝试使用的自定义字体是Vonique 我已经将它像这样导入到pubspec yaml fonts famil
  • 当我“显示:无”一个 SVG 时,另一个(独立的)SVG 会以不同的方式呈现

    我已经伤透了几个小时了 这没有任何意义 我将遇到的问题减少到这个codepen https codepen io Octopous pen OJORpJQ https codepen io Octopous pen OJORpJQ HTML
  • Bootstrap:下拉菜单无法通过 jQuery 单击打开

    我正在创建一个包含多行的表 所有行都有一个 选项 按钮 该按钮应该显示下拉上下文菜单 为了使代码更短 我使用了一个div以便将其重用为上下文菜单的通用标记 我正在使用 Bootstrap 5 1 3 和 jQuery 3 6 0 以下是我的
  • 如何排除CSS伪类选择器中的最后一个子元素

    我想为从 4 到 n 1 的子 div 应用特定样式 我能够从 4 到 n 执行此操作 但无法排除最后一个 div 这是 jsfiddlehttp jsfiddle net 8WLXX http jsfiddle net 8WLXX con
  • 使用 JavaScript 从 URL 变量读取来加载不同的 CSS 样式表

    我试图在我的 WordPress 博客上使用两个不同的样式表 以便在通过 Web 访问页面时使用一个样式表 而在通过我们的 iOS 应用程序访问博客内容时使用另一个样式表 现在 我们将 app true 附加到来自 iOS 应用程序的 UR
  • Sass 负变量值?

    我有几个 scss 选择器 其中我使用相同数量的正数和负数 如下所示 padding 0 15px 15px margin 0 15px 20px 15px 我更喜欢对所有 15px 量使用一个变量 但这不起作用 pad 15px padd
  • CSS 无法与 CodeIgniter 一起使用

    这是我的 CI 代码的一部分 class page extends CI Controller var Page public function construct parent construct this gt Page 1 this
  • 图像仅在 iPhone x 上拉伸

    我目前正在设计和构建一个 html 和 css 网站 遇到了一个小问题 我使用 chrome 开发工具检查了响应能力 根据手机和平板电脑的大小调整窗口大小 一切看起来都很好 然而 现在我在 iPhone X 上检查了该网站 图像全部垂直拉伸
  • 电子邮件模板 - MS Office Outlook 365 中不显示表格背景图像

    为了电子邮件模板的目的 我需要在 table 它包含图像上的文本 现在我已经尝试过 https stackoverflow com a 15620571 6191987 https stackoverflow com a 15620571
  • 如何在缩放动画中保持原点位于图像中心?

    我有类似的情况fiddle https jsfiddle net ddvn3p1h 3 其中我有一个 CSS3 动画 可以缩放绝对定位在另一个元素中心的元素 但是 当动画发生时 它会偏离中心 如示例中相对于蓝色的红色方块所示 我如何将其居中
  • css:将div制作成圆角并在其3/4处添加边框

    我有这样的代码 div class circle div and css circle border left 1px solid red border bottom 1px solid red border radius 200px wi
  • 如何使用javascript隐藏div

    我想使用 Javascript 隐藏一个 div 下面是我的div div class ui dialog titlebar ui widget header ui corner all ui helper clearfix span cl
  • CSS 字体在 Firefox 中不起作用

    我下面有这个字体代码 它在谷歌浏览器中工作正常 但在火狐浏览器中根本不起作用 为什么
  • 当td内容太宽时,表格溢出父div

    我准备了一个 JSFiddle 来解释 向你展示我的问题 http jsfiddle net nz96C http jsfiddle net nz96C 乍一看还不错 但是当我添加一些文本时 firsttd一旦使用 tds 整个宽度 整个表

随机推荐

  • 如何在.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