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;
}

CSS - DIV设置的变化？

1 个答案: