Question

所以我有一个带有主体和以下结构的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>设置样式？

Answer 1

您可以为USE [master] GO ALTER LOGIN [LoginName] WITH DEFAULT_LANGUAGE = [SomeLanguage] GO提供ID

然后您可以按以下方式对其进行样式设置：

body

#Body_id{
  background-color: yellow;
 }
#divFirst{
  background-color: red;
}
#divSecond{
  background-color: blue;
}
#b{
  background-color: green;
}

Answer 2

您可以在网站的html页面（一组html页面）中添加特定的类或ID，这样，您将仅对特定的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>

选择具有特定ID的元素的主体

2 个答案: