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

html - 在单页CSS中避免多个唯一的div,第1张

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

如何设置单页CSS的样式以指定此部分仅适用于X.html以及我需要在X.html中添加哪些内容?

提前致谢!

最佳答案:

1 个答案:

答案 0 :(得分:1)

您可以为每个页面指定一个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;}
本文经用户投稿或网站收集转载,如有侵权请联系本站。

发表评论

0条回复