如何使用CSS选择器按项目编号选择dom元素

如何使用CSS选择器按项目编号选择dom元素,css,Css,我想根据项目编号选择部分。 :n个孩子和:n个类型不适合我。我不能单独选择部分。我想在下面的代码中选择第1节和第3节 节:第n个类型(1){ 颜色:红色; } 截面:第n种类型(3){ 颜色:浅绿色; } 第1节 第二节 第三节 第四节 第五节 尝试使用第n个子项(n) section:nth-child(1) { color: red; } section:nth-child(3) { color: aqua; } 使用nth类型获取每一个其他元素,而nth子元素查找特定的项目索

我想根据项目编号选择部分。 :n个孩子和:n个类型不适合我。我不能单独选择部分。我想在下面的代码中选择第1节和第3节

节:第n个类型(1){
颜色:红色;
}
截面:第n种类型(3){
颜色:浅绿色;
}
第1节
第二节
第三节
第四节
第五节
尝试使用第n个子项(n)

section:nth-child(1) {
  color: red;
}

section:nth-child(3) {
  color: aqua;
}

使用
nth类型
获取每一个其他元素,而
nth子元素
查找特定的项目索引

为每个部分提供一个id或一个类

<section id="1">section 1</section>
第1节

您能简要解释一下您的问题吗。因此,我们可以帮助您。您有不同级别的截面元素,您希望选择哪一个第一和第三个元素。它工作正常。第n个子对象在连续和相同的层次结构中使用dom。有3套剖面图。第一套:第1节和第2节;第二组(货柜组):第三及第四组;第三组(页脚):第5节。这是给这三个集合的第一个子集合着色。例如:我只想选择第1部分,并将颜色设置为红色。然后只选择第2部分并设置颜色为aqua。@KajemulHaque我认为他想使用“类型的第n个”,但在这种情况下不起作用。他想简单地根据项目编号查找项目。“我想根据项目编号选择节”,第n个子项和第n个类型都不适用。