如何仅针对一个页面应用CSS样式更改？

Question

我有两个css文件:

我的main.css将其作为设置页面高度的一部分

#content {
    background:url(../images/image.png) no-repeat;
    width:154px;
    height:356px;
    clear:both;
}

这适用于所有其他页面,但在第5页,我需要更高的高度.

我该怎么做呢？

Answer 1

您甚至不需要单独的CSS文件.您可以出于各种目的将类添加到您的身体,将页面或页面类型标识为其中之一.所以如果你有:

<body class="page5">

然后在CSS中你可以申请:

.page5 #content {
  height: XXXpx;
}

它只适用于该页面,只要它出现在主要#content定义之后.