html - 避免在单页 CSS 中使用多个唯一的 div

标签 html css

我想将我所有的 CSS 文件合并到一个文件中以减轻服务器上的负载,但是,我在页面上使用了相当多的同名 div,但它们的样式不同。

如何设置单页 CSS 样式以指定此部分仅用于 X.html,我需要在 X.html 中添加什么?

提前致谢!

最佳答案

您可以为每个页面指定一个 id,然后专门针对该 id 和 div。例如

第一页:

<body id="page-one">
   <div class="content"></div>
</body>

第二页:

<body id="page-two">
   <div class="content"></div>
</body>

然后像

这样的样式
#page-one .content {background:red;}
#page-two .content {background:blue;}

关于html - 避免在单页 CSS 中使用多个唯一的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31650767/

相关文章:

javascript - 如何允许用户重新提交表单而不发出警告

Javascript检测html元素是否适合屏幕

html - 在数据切换中心显示菜单

html - 翻转图像,然后在 html 中引用该图像

javascript - HTML5 媒体 TimeRanges 对象

javascript - 将新项目添加到两个不同的 ID

javascript - html 页面在本地时有效,但在云端 ide 时无效

css - 父级 float 元素不会随子级宽度的百分比调整大小

java - 包含 Jquery UI.js 文件后无法为 JSP 编译类

css - 以百分比表示的 div 高度和不需要的滚动条