CSS - DIV设置的变化？

Question

我在我们网站上的所有html页面使用相同的CSS表.

这是CSS容器:

    #Container {
    position: relative;
    top: 5px;
    width: 1000px;
    height: 600px;
    margin: 0 auto 0;
    background: #FFF;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
    border-color: #CCC;
    -moz-border-radius: 0px 0px 20px 20px;
    border-radius: 0px 0px 20px 20px;
    }

这在除了一个之外的所有页面上都很好,这需要高度为1000px.

如何为一个页面制作代码的变体,而不是为一个html页面再次复制整个容器设置？

Answer 1

在有问题的页面上给身体一个类,例如'myPage',然后将下面的内容添加到你的CSS中

body.mypage  #container{
    height:1000px;
}