默认使用input:invalid
而不是main
输入样式的原因是因为input:invalid
是一个伪类选择器,用于选择表单中的无效输入。当用户输入不符合输入字段的规则时,该字段将被标记为无效。通过使用input:invalid
选择器,可以轻松地为无效的输入字段应用样式,以提醒用户输入错误。
相比之下,main
是HTML5中的一个语义化标签,用于表示文档的主要内容。它并不是一个与输入相关的选择器,因此无法直接用于选择和样式化输入字段。
总结起来,使用input:invalid
而不是main
输入样式的原因是因为它是专门用于选择和样式化无效输入字段的选择器,而main
标签并不适用于这个目的。
领取专属 10元无门槛券
手把手带您无忧上云