为什么我应该在 <body> 标签上使用类或 id？答案

【问题标题】：Why should I use a class or an id on a <body> tag?为什么我应该在 <body> 标签上使用类或 id？
【发布时间】：2016-05-27 00:54:48
【问题描述】：

我看到很多人给 HTML <body>-tag 一个 id 或一个类以通过 CSS 访问它。当我能够直接将其作为标签本身访问时，我为什么要这样做？

我为什么要这样做？

示例 1：

.body-wrapper {
   margin: 0px 3px;
}

不是这个？

示例 2：

body {
   margin: 0px 3px;
}

【问题讨论】：

对删除的 cmets 感到抱歉。愚蠢的iframe。我认为这是为了以防万一您想在大量文件中包含 CSS，并且只希望将某些样式应用于某些页面的正文，而不是应用于其他页面。这样您就可以在每个页面中包含相同的 CSS，并且只需将您想要显示为 .body-wrapper 类元素的主体...
@mark.hch 这是有道理的。好的，所以没有 CSS 技巧只能用 classes/id's 做？

标签： html css tags

【解决方案1】：

如果您想拥有尽可能少的样式表（例如，一个），但仍想自定义某些页面的显示，这很有用。

这很有用：

更多信息请访问CSS Tricks。

按 Ctrl+U。

按 Ctrl+F。输入<body。

奇迹的奇迹！ StackOverflow 使用 <body> 类！

注意：SO 不直接使用 CSS 设置样式，而是将它们用作 JS 的句柄

【讨论】：

【解决方案2】：

考虑以下两种情况：

整个页面都有锚元素。这些锚元素中的每一个都将用户带到页面顶部，如下所示：
```
<a href="#top-of-page">Go to top</a>
```
嗯，页面顶部可能是这样的：<body id="top-of-page">
如果您希望某些元素具有相似的样式，例如边框，该怎么办。
```
.frame-this { border: 2px dashed black; }
```
如果您希望body 元素具有此边框，则应采用此类：
```
 <body class="frame-this"> ... </body>
```

这些场景有些牵强，但它们说明了body 元素可能需要id 或class 的两个原因。

另请参阅这篇关于 CSS-Tricks 的文章：Why use Classes or IDs on the HTML element?

【讨论】：