Html 如何在一个表单的文本输入上不设置样式，而在另一个表单上设置输入样式？

我需要为每个表单的文本输入设置不同的样式，但它仍然将文本css规则应用于这两个表单。当前代码使它看起来像这样

.mail表单{
文本对齐：居中；
宽度：100%；
}
.申请表格{
文本对齐：左对齐；
左边距：2vh；
}
输入[类型=文本]{
宽度：80%；
}
输入[type=“text”]{
填充：1vh；
左边距：4vh；
}

名字：

您应该只需要在输入前加上适当的类

.mail表单{
文本对齐：居中；
宽度：100%；
}
.申请表格{
文本对齐：左对齐；
左边距：2vh；
}
.应用表单输入[type=“text”]{
填充：1vh；
左边距：4vh；
宽度：80%；
}

名字：

您应该只需要在输入前加上适当的类

.mail表单{
文本对齐：居中；
宽度：100%；
}
.申请表格{
文本对齐：左对齐；
左边距：2vh；
}
.应用表单输入[type=“text”]{
填充：1vh；
左边距：4vh；
宽度：80%；
}

名字：

只需将类添加到

输入

字段前面就行了必须将类添加到

输入

字段前面你觉得这个答案有用吗？如果是，请接受。你觉得这个答案有用吗？如果是，请接受