Html ：第一个孩子和：n-Child（）不工作
在我的CSS的底部，请找到以下内容Html ：第一个孩子和：n-Child（）不工作,html,css,css-selectors,Html,Css,Css Selectors,在我的CSS的底部，请找到以下内容 .AdminPanelLayout .Option:nth-child(1) { background:#000000; margin-left:20px; } 背景：#000000是不需要的，它用于测试。至于左边的边距：20px是我试图实现的目标 .AdminPanelLayout .Option:nth-of-type(2) { background:#000000; margin-left:20px; } 好吧，看来你
.AdminPanelLayout .Option:nth-child(1) {
background:#000000;
margin-left:20px;
}
背景：#000000是不需要的，它用于测试。至于左边的边距：20px是我试图实现的目标
.AdminPanelLayout .Option:nth-of-type(2) {
background:#000000;
margin-left:20px;
}
好吧，看来你误解了第一个孩子的概念。它不会查找满足选择器的第一个子级。相反，它会查找选择器，该选择器也是其容器中的第一个子级
要在您的案例中选择第一个。选项
：
<div class="AdminPanelLayout">
<div class="Title">
2). Choose Admin Panel Layout
</div>
<div class="Option">
2). 选择管理面板布局
您必须尝试其他方法，例如：
- 其索引的目标，在本例中为2:
.AdminPanelLayout.Option:nth child（2）{
- 将其定位为同级（标题后的第一个）
.AdminPanelLayout.title+.Option{
你得玩一会儿你能先告诉我们它应该做什么吗？你想设计哪个孩子的风格吗？第一个孩子以父元素中的第一个元素为目标，所以它对你的代码不起作用，因为第一个元素是title：类型的第一个
在@chipChocolate中不起作用。py@TimMarshall：第n个子项
matches元素，而不是类，因此它将查看父容器的子容器，如果第一个容器具有类选项，则匹配它，否则忽略它。如何解释您所做的操作、为什么工作以及为什么。选项：第n个子容器（1）
失败？