html - 在单个页面上的不同部分标签上应用不同的 css 样式文件

标签 html css stylesheet

我在一个网页中有 4 个部分,我希望每个部分都使用不同的样式表。 我有 4 个不同的样式表,但它们具有相同的 ID 和类,但具有不同的值。 我需要这个用于演示页面,我可以在一页中显示同一事物的不同样式。

最佳答案

CSS 适用于整个文档,因此您的选择是:

  • 使用单独的文件
  • 重写 CSS 以在每个选择器前添加 section#your-section(后跟后代组合器)。

(您也可以希望并等待 scoped CSS 得到很好的支持)。

关于html - 在单个页面上的不同部分标签上应用不同的 css 样式文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38434131/

相关文章:

jquery - 触发 javascript 的链接的最佳做法是什么

html - 在 Windows 中安装 OTRS 3.2

html - 垂直居中对齐 Bootstrap 响应式网格

html - 如何在jsp中为body标签使用外部CSS

html - 多个浏览器中的字体粗细

javascript - 使用 JavaScript 突出显示选定的 div

javascript - 动态添加行到日期数组

css - 标题周围的黑框在 Firefox 中无法正确显示

css - 菜单周围不需要的边距

jquery - 为什么我的汉堡包导航在桌面模式下无法加载?