这个问题在这里已有答案：
所以我有一个带有正文和以下结构的html页面
<body>
<h1>Hello</h1>
<div>
<div>
// editable area -->
<div id="b">
<h1>Bye</h1>
</div>
// <--
</div>
</div>
</body>
我想设置<body>的样式，但只能访问和编辑id为“b”的<div>并添加自定义的css文件。由于css文件用于多个html文件，我不能直接设置<body>样式。
是否有可能使用具有特定ID的特定子元素（孩子的孩子）来设计<body>？
你可以给body一个ID
然后你可以像这样设计：
#Body_id{
background-color: yellow;
}
#divFirst{
background-color: red;
}
#divSecond{
background-color: blue;
}
#b{
background-color: green;
}<body id="Body_id">
<h1>Hello</h1>
<div id="divFirst">
<h1>DivFirst</h1>
<div id="divSecond">
<h1>DivSecond</h1>
<div id="b">
<h1>Bye</h1>
</div>
</div>
</div>
</body>您可以将特定的类或ID添加到您网站的html页面（html页面集），这样，您只需对特定的html页面进行CSS更改，然后访问其他元素，如下面的代码段所示：
#Body_id{
background-color: yellow;
}
#Body_id div{
background-color: pink;
}
#Body_id div div{
background-color: red;
}
#Body_id div div #unique{
background-color: green;
color:white;
}
#unique{
background-color: black !important;
}<body id="Body_id">
<h1>Hello</h1>
<div>
<div>
<div id="unique">
<h1>H1 in level 3</h1>
This is a level 3 div
</div>
This is a level 2 div
</div>
This is a level 1 div
</div>
</body>