多个 html div 使用相同的 css 样式

2023-12-27

我有 2 个 div 元素#container1、#container2。我可以按以下方式使用样式吗?

#container1,#container2 h5{ 
}

如果是,那么我无法让它为 #container3 工作

#container1,#container2,#container3 h5{ 
}

规则似乎不适用于#container3 .. 可能是什么原因 ?


该选择器将应用于#container1、#container2 以及#container3 中的任何 h5。我想你想要:

#container1 h5, 
#container2 h5, 
#container3 h5 {
  /* styling */
}

然而,这正是类的目的。如果你添加class="container"到你的每个容器divs,您可以简单地使用以下规则:

.container h5 {
  /* styling */
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

多个 html div 使用相同的 css 样式 的相关文章

  • CSS 粘性页脚实现之间的区别?

    我发现了 CSS 粘性页脚的 2 种不同实现 Ryan Fait 粘页脚 http ryanfait com sticky footer http ryanfait com sticky footer 史蒂夫 哈彻粘页脚 http www
  • 为什么table-layout:fixed会影响父元素的宽度?

    有人可以解释为什么我的div with table layout fixed正在改变其父元素的宽度 body在本例中 使其在不应该是 100 的情况下达到 100 因为它已经定位了 body border 2px solid red hei
  • 如何缩放 SVG 路径以适应窗口大小?

    我在缩放 SVG 以适应窗口大小时遇到 了麻烦 在这个例子中 我有一个波浪路径和一个文本元素 我想在这里实现的是沿着波浪路径从左到右移动文本元素 这是由GSAP完成的 并停在路径的中间在初始负载下 当用户开始滚动时 它将移至末尾 我的问题是
  • 动画和过渡的组合无法正常工作

    我一直在尝试添加一些基本的 CSS3 动画 目标是在按钮的单击事件上切换类 并根据添加的类对 div 进行动画处理 该代码对于 Firefox 中切换的第一次迭代完美运行 但对于 Chrome 等其他浏览器以及 Firefox 中的下一次迭
  • 设置绝对仓位和保证金

    我想设置一个元素的position to absolute并有一个margin bottom 但似乎margin bottom没有效果 HTML div div CSS container border 1px solid red posi
  • 如何使弹出窗口溢出:在溢出内可见:自动上下文

    我有一个 div 列表 如果超过父框 overflow x 应该滚动 并且在悬停时 我想看到一个弹出窗口 我的问题是 如果我将鼠标悬停在任何子 div 上 弹出窗口将被考虑用于溢出计算 但我只想让它在所有内容之上可见 而不是使其扩展滚动区域
  • IE8 - 隐藏 div 内的表单,返回键不再起作用

    我有一个登录表单 位于带有 display none 的 div 中 然后我使用 jquery 淡入表单 但 Enter Return 键不再提交表单 如果我将显示更改为阻止 则效果很好 此问题仅存在于 IE 中 有任何想法吗 这是一个不起
  • 单击后按键不会删除过渡

    我认为问题可能出在const 音频 document querySelector audio data key e keyCode const key document querySelector key data key e keyCod
  • CSS3 变换:IE 中的缩放

    我想使用CSS3属性transform scale div transform scale 0 5 0 5 有没有办法在 Internet Explorer 8 及更低版本中模仿这个 可能与filter或者 JavaScript 解决方案
  • 固定 Div 与静态 div 的滚动条重叠

    我无法按照我想要的方式设计布局 我有一个内容区 content 您可以在示例图像中看到的灰色 里面有一个黄色元素 这个div是position static height 100 现在我有一个 left paneldiv 也 与positi
  • 为什么我的 CSS 属性被覆盖/忽略?

    我对 CSS 层次结构 有一些问题 不确定将其称为层次结构是否正确 我正在尝试设置以下 HTML 的样式 section section
  • 如何使用CSS缩放图像以填充div并保持纵横比?

    我想用一个 div 填充img 保持纵横比并根据需要拉伸宽度或高度以适应 div style width 80px height 80px img src div 我怎样才能实现它 如果图像不是二次方的 则必须将其 放大 并根据哪一侧较大而
  • Bootstrap 4 Beta 0 网格系统上的 Rowspan

    您好 我正在开发一个使用 Bootstrap 4 Beta 的电子商务模板 我让它在移动设备上工作 但在桌面设备上我不知道如何让购买按钮保持在标题下 在我的方法中 它出现在 图库 部分下 Desired Desktop Desired Mo
  • 对其中一个具有相同 tabindex 的焦点的所有元素应用相同的效果

    在我的上一篇文章中 我问了如何通过 css 选择器使不可聚焦的元素变得可聚焦 答案是使用tabindex 现在我希望 当具有选择器的元素获得焦点 单击 时 选择器选择的另一个元素也能获得效果 这可能听起来很奇怪 但我很久以前就可以不小心这样
  • Twitter Typeahead 上使用 Bootstrap 3 的 CSS 问题

    随着 Bootstrap 3 的发布 Typeahead 已被删除 取而代之的是 https github com twitter typeahead js https github com twitter typeahead js 我已经
  • 如何在 Rails 5 中设置资产管道以使用自定义字体?

    我必须使用自定义字体贾米尔 努里 纳斯塔莱克 http www urdujahan com urdu fonts Jameel 20Noori 20Nastaleeq zip在 Rails 5 应用程序中 我以前从未使用过 Rails 中的
  • 使用 float:left 与 display:inline-block 的 jQuery UI 拖放排序比较

    我这里有两个例子 这两个例子之间的唯一区别是 一种使用display inline block 另一种使用float left li doc item 显示 内联块 与 li doc item float left 我的问题是 displa
  • 全高全宽 CSS 布局

    我正在寻找一种方法来创建具有 5 个区域的纯 CSS 无 JavaScript 布局 如下所示 H A B C F
  • AngularJS + jQuery 移动

    是否还有其他可能性来设计AngularJS以移动友好的方式应用程序CSS 我正在计划一个移动应用程序 并希望使用 AngularJS 进行逻辑和数据绑定 但我不想自己设计所有内容CSS The AngularJSFAQ说它使用jQuery
  • 我应该创建一个块还是一个元素 BEM CSS?

    Bem官网说 创建一个块如果一段代码可以被重用并且它不依赖于正在实现的其他页面组件 创建一个元素如果一段代码在没有父实体 块 的情况下无法单独使用 我有一个 关于部分 块 它的元素依赖于父级并且不能在网站中重复使用 如何根据 bem 这段代

随机推荐

  • Groovy 元类的范围?

    我有一个可以运行脚本来自动执行某些任务的应用程序 我想在这些脚本中使用元编程来优化代码大小和可读性 所以而不是 try def res factory allocate do something with res finally res c
  • 如何使用eclim运行java程序?

    我似乎无法使用 eclim 运行简单的 Hello World 程序 我按照安装指南进行操作http eclim org guides install html guides install http eclim org guides in
  • 管理员登录停止运行 Django

    我在我的项目上工作了一段时间 最近注意到当我尝试访问 localhost admin 时 它给出了一个错误 DoesNotExist at admin Site matching query does not exist Request M
  • GOPATH 为空(Gogland IDE)

    我对 Go 和 Gogland 还很陌生 我刚刚下载了 go1 8 3 windows amd64 msi 将其安装在 C 盘中 然后开始在记事本中编写程序 最后从终端运行它 我在 Gogland 方面遇到了一些问题 我有 intelliJ
  • RingtonePreference 不保存其值

    我已经使用了一些偏好 例如EditTextPreference等等 它们都有效 但现在我需要使用RingtonePreference 并且无法正常工作 这是非常简单的代码
  • 如何在 Jmeter 中设置和获取环境变量来测试 API

    我需要在 Jmeter 中设置和获取变量以实现 API 自动化 我正在使用 groovy 脚本来实现同样的目的 我使用如下代码实现了相同的效果 import org apache jmeter util JMeterUtils JMeter
  • Ajax成功:{return false;}

    我想回来false from ajax when success做完了 ajax url website url queries voorraad berekenen php type post data aantal this paren
  • Facebook 聊天 API 的替代方案

    既然 Facebook 的 Chat API chat facebook com 和 XMPP 之类的东西 已被弃用 那么它的替代品是什么 有宣布什么吗 None
  • 批量.txt阅读器

    所以 基本上我想要一个批处理文件来读取 txt 问题是每次将新行写入 txt 时 批处理文件都需要更新 echo off set pc 1 FOR F delims A IN findstr N pc DO set zeilen A typ
  • Excel 中的 Odoo 图像

    我正在使用 xlsxwriter 创建一个 excel 文件 需要将我的公司徽标放入这些 excel 文件中 我一直在尝试使用 insert image 但没有成功 我想这就像将partner image解析到缓冲区中一样 但我卡住了 请帮
  • 导航架构片段重载问题

    我在图片库中使用导航架构 当我从片段 A 到 B 然后返回到 A 时 这 3 种方法是又打来电话这将使我的画廊reload 我应该在哪里加载片段中的数据 这样当我从 B 返回到 A 时 我的方法就不会被调用 创建视图时 视图创建时 OnRe
  • 使用当前文件名和文件路径从 vim 执行 bash 命令

    我试图这样做是为了保存文件而不更改时间戳 nnoremap
  • YouTube 未显示为引荐来源网址?

    我一直在跟踪我的网站的引荐来源网址 并将其存储为一个会话 以便在他们执行某些操作时在某些报告中使用 为了获得推荐人 我只是这样做 SESSION s1 SERVER HTTP REFERER 它似乎适用于除 YouTube 之外的所有内容
  • 使用 sonarqube google 计算实例安装声纳扫描仪时出现错误“在 JAVA_HOME 或 PATH 中找不到‘java’可执行文件”

    我一直在尝试配置 sonarqube 以使用云构建触发器 并希望使用 bitnami 的 sonarqube 计算实例安装 但是当我使用本指南安装 sonar scanner 时 https docs sonarqube org lates
  • ASP.NET MVC 6 上每个控制器的特定 JSON 设置

    我需要在 ASP NET MVC 6 webApi 中为每个控制器进行特定的 JSON 设置 我发现这个示例适用于 MVC 5 我希望 在每个控制器的 ASP NET WebAPI 上强制使用 CamelCase https stackov
  • 明天前一分钟的 cron 作业

    我将按计划通过curl 触发对PHP 文件的调用 我正在考虑让脚本每隔一段时间执行一次23 59 59或者只是在明天到来之前的一分钟 有什么最好的方法吗 对 cron 设置仍然很困惑 我需要确保在第二天之前的一秒钟跑步 Minutes 0
  • 使用Google测试框架(不是Windows)进行内存泄漏检测的标准做法是什么

    我使用 Google Test 进行了大量的单元测试 目前使用 XCode 我注意到其他一些测试框架会在每个单元测试结束时检测内存泄漏 并且我认为有一种规定的方法可以使用 Google Test 执行相同的操作 我希望这不仅仅是 Boost
  • 在列表理解中使用就地列表方法的替代方法?

    我知道就地列表方法返回None而不是变异列表 据我所知 这使得不可能将这些方法用作列表理解的内部逻辑的一部分 创建一个列表推导式 其成员是通过改变其他列表而产生的 最Pythonic的方法是什么 换句话说 这条 不起作用 行的最佳替代方案是
  • Symfony:无法在带有 phpunit 的测试套件中删除分离的实体

    我实际上正在对我的 api 进行一些功能测试 但我遇到了一个我不太理解的问题 我想测试一个与远程网络托管服务器交互的 API 目标是管理虚拟主机 DNS 区域 数据库等 我有一个测试远程服务器 为了避免冲突 我在测试后删除了创建的内容 在T
  • 多个 html div 使用相同的 css 样式

    我有 2 个 div 元素 container1 container2 我可以按以下方式使用样式吗 container1 container2 h5 如果是 那么我无法让它为 container3 工作 container1 contain