Html 按顺序排列的CSS目标文本输入字段

Html 按顺序排列的CSS目标文本输入字段,html,css,forms,Html,Css,Forms,我有一个带有以下文本输入字段的html表单。没有类,没有id,类型相同 我需要用不同的方式来设计它们 是否可以使用纯CSS按顺序瞄准它们 比如: CSS(不工作) 输入[0]{ 高度:100px; } 输入[1]{ 高度:150像素; } 输入[2]{ 高度:200px; } 尝试:第n个孩子,如下所示: input:nth-child(1) { height: 100px; } input:nth-child(2) { height: 150px; } input:nth-child

我有一个带有以下文本输入字段的html表单。没有类,没有id,类型相同

我需要用不同的方式来设计它们

是否可以使用纯CSS按顺序瞄准它们

比如:

CSS(不工作)

输入[0]{
高度:100px;
}
输入[1]{
高度:150像素;
}
输入[2]{
高度:200px;
}

尝试:第n个孩子,如下所示:

input:nth-child(1) {
  height: 100px;
}
input:nth-child(2) {
  height: 150px;
}
input:nth-child(3) {
  height: 200px;
}

输入:第n个子项(1)
->它对我不起作用。它与类型的:nth一起工作。不管怎样,谢谢。这对我不管用。它与类型的:nth一起工作。无论如何,谢谢你。