Question

我有4个不同的页面（页面A，B，C，D）和css代码

body{
    margin-top:50px;
}

如果我希望页面B具有不同的边距（margin-top：20px;），那么我该如何将它放在css文件中。

就像下面这样的东西会非常酷。

@pagename.body{
   margin-top:20px;
}

Answer 1

要实现此目标，请在HTML中添加以下内容：

<body id="pagename">

并相应地修改CSS：

body#pagename{
   margin-top:20px;
}

如果相同的样式适用于多个页面，您可以使用class代替id：

HTML

<body class="pagename">

CSS

body.pagename{
   margin-top:20px;
}

请注意，在CSS选择器中使用HTML body标记是可选的：您只能使用#pagename代替body#pagename，或.pagename代替body.pagename }。

此外，下面是页面body元素的直接样式示例，它提供了最紧凑的样式语法（与您的CSS示例相关）：

<body style="margin-top:20px;">

希望这可能会有所帮助。最好的问候，

Answer 2

HTML：

<body class="myBodyClass">

CSS：

.myBodyClass { margin-top: 20px; }

我不会使用body.myBodyClass，因为那样会过度评价＆＃34;只需选择一些明智的命名类，即不要命名它＆＃34; extraMargin＆＃34;而是＃34; certainPageType＆＃34; （无论页面是什么类型），以防你想要在未来设置更多的余地。