Html div:n子级（0）不'；行不通

我试图使用第n个子索引选择器在另一个div中更改某个子div的css属性，但由于某些原因，没有发生任何更改

<div class="itemgrid">
    <div class="insideitem"></div>
    <div class="insideitem"></div>
    <div class="insideitem"></div>
    <div class="insideitem"></div>
</div>

.itemgrid{
    width:100%;
    display:block;
    font-style:inherit;
}


.itemgrid div:nth-child(2) :{
    border-width: 1px;
    border-color: #dedede;
    border-style: solid;
}

.itemgrid{
宽度：100%；
显示：块；
字体风格：继承；
}
.itemgrid分区：第n个子项（2）：{
边框宽度：1px；
边框颜色：#dedede；
边框样式：实心；
}

---

提前谢谢你

发生这种情况是因为第一个子项的索引是1而不是0。看

您还需要将CSS代码包装在

标记中

只需将CSS代码更改为：

<style>
    .itemgrid{
        width:100%;
        display:block;
        font-style:inherit;
    }


    .itemgrid div:nth-child(1) {
        border-width: 1px;
        border-color: #dedede;
        border-style: solid;
    }
</style>

.itemgrid{
宽度：100%；
显示：块；
字体风格：继承；
}
.itemgrid分区：第n个子项（1）{
边框宽度：1px；
边框颜色：#dedede；
边框样式：实心；
}

在css中没有第0个子项，计数从1开始 如果要设置第一个元素的样式，请使用第一个子元素或第n个子元素（1）

.itemgrid{
宽度：100vw；
显示：块；
字体风格：继承；
颜色：红色；
}
.itemgrid分区：第n个子项（1）{
边框宽度：1px；
边框颜色：#dedede；
边框样式：实心；
}

第一组
dov=2
第3组
第4组

因为它从1开始计数：

.itemgrid{
宽度：100%；
显示：块；
字体风格：继承；
}
.itemgrid分区：第n个子项（1）{
边框宽度：1px；
边框颜色：#dedede；
边框样式：实心；
颜色：红色；
}

你好
我的
亲爱的
朋友

它不适用于任何索引号。我尝试了1和2-仍然没有结果。我也编辑了我的问题。我使用单独的css文件和样式，效果非常好，我只有这个特定的选择器有一个问题。你在坚持输入错误，错误的

：

应该根本不存在。然后就是输入错误问题。查看{@DavidThomas之前的分号是的。刚刚意识到这一切都是由于输入错误造成的。您意识到代码中存在语法错误或输入错误，错误的冒号不应该在那里（在最后的

{

之前）总是这样的，谢谢你！“MuradNabiev，这是问题吗？考虑使用CSS皮条来打字，语法和错误。例如：.是的，这就是问题所在。虽然你是正确的，但就你所知，错误很可能是你在自己的代码中更正的打字错误，而你在回答中没有提到。此外，你还有效地复制了其他现有答案中已经出现的相同内容。因为只有一个答案，这就是我们所说的特德！