应用于 HTML 页面正文元素的 CSS 选择器

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

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

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

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

希望这可能会有所帮助。此致，