选择具有特定ID的元素的主体[复制]
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了选择具有特定ID的元素的主体[复制]相关的知识，希望对你有一定的参考价值。
这个问题在这里已有答案：
所以我有一个带有正文和以下结构的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>以上是关于选择具有特定ID的元素的主体[复制]的主要内容，如果未能解决你的问题，请参考以下文章
如何使用jQuery在某些特定div中选择具有相同名称的所有元素[重复]
JQuery 选择器：如何选择具有特定类 * 和 * id 的项目