Question

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

我为什么要这样做？

示例1：

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

而不是这个？

示例2：

body {
   margin: 0px 3px;
}

Answer 1

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

这很有用：

有关CSS Tricks的更多信息。

按 Ctrl + U 。

按 Ctrl + F 。输入<body。

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

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

Answer 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的两个原因。