首页 文章

选择具有特定ID的元素的主体[复制]

提问于
浏览 1333
0

这个问题在这里已有答案:

所以我有一个带有正文的html页面和以下结构

<body>
    <h1>Hello</h1>
    <div>
        <div>
            // editable area -->

            <div id="b">
                <h1>Bye</h1>
            </div>

            // <--
        </div>
    </div>
</body>

我想设置 <body> 样式,但只能访问和编辑带有"b"的 <div> 并添加自定义css文件 . 由于css文件用于多个html文件,我不能直接设置 <body> 样式 .

是否有可能使用具有特定ID的特定子元素(子元素)对 <body> 进行样式设置?

2 回答

  • 1

    您可以将特定的类或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>
    
  • 1

    您可以给 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>
    

相关问题