問題描述
我有兩個 css 文件:
I have two css files:
一個主文件(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 樣式更改?的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網！