如何仅对一页应用CSS样式更改? [英] How can I apply CSS style changes just for one page?
问题描述
我有两个CSS文件:
-
主文件(main.css)
A main file (main.css)
特定页面文件(page5.css).我的page.css包含main.css(@import url(main.css));)
A specific page file (page5.css). My page.css contains main.css (@import url(main.css));)
我的main.css将此作为设置页面高度的一部分
My main.css has this as one part of it that sets the height of the page
#content {
background:url(../images/image.png) no-repeat;
width:154px;
height:356px;
clear:both;
}
这在其他所有页面上都可以正常使用，但是在第5页上，我需要再高一些.
This works fine for all the other pages, but at page 5, I need a little bit more height.
我该怎么做?
推荐答案
您甚至不需要一个单独的CSS文件.您可以出于各种目的将类添加到您的正文中，从而确定页面或页面类型是其中之一.因此，如果您有:
You don't even need a separate CSS file necessarily. You can add classes to your body for various purposes, identifying page or page type being one of them. So if you had:
<body class="page5">
然后在您的CSS中可以应用:
Then in your CSS you could apply:
.page5 #content {
height: XXXpx;
}
并且仅适用于该页面，只要它出现在您的主要#content定义之后即可.
And it would only apply to that page as long as it occurs after your main #content definition.
这篇关于如何仅对一页应用CSS样式更改?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
