:invalid

:invalid 是 CSS 伪类选择器，用来选择任何未通过验证的 form、fieldset、input 或其他表单元素。

这个伪类选择器在表单验证中非常有用，可以帮助开发者识别哪些输入字段不符合预设的验证规则。当用户提交表单或实时验证时，浏览器会自动标记不符合要求的字段，开发者可以通过 :invalid 选择器为这些字段添加特定的样式，从而提供更好的用户体验。

使用 :invalid 伪类时，通常会结合其他 CSS 属性来创建视觉反馈，比如改变边框颜色、背景色或显示错误提示信息。这种即时反馈可以帮助用户快速识别并修正输入错误。

需要注意的是，:invalid 伪类的行为取决于表单元素的验证状态。例如，对于设置了 required 属性但未填写值的输入框，或者不符合 pattern 属性中正则表达式模式的输入框，都会被标记为无效状态。

这个选择器在所有现代浏览器中都得到了广泛支持，自2015年7月以来就已经可用，因此可以安全地在生产环境中使用。