CSS :invalid选择器，匹配输入无效值元素
:invalid选择器
CSS的:invalid伪类选择器，可以用于匹配选择输入值无效的HTML表单元素，比如type为email的input中输入无效的Email地址，再比如设置了min和max属性的input输入的值超过该区间时，都会被:invalid选择。
:invalid语法
A:invalid{样式设置}
:invalid使用场景
:invalid选择器在CSS的开发当中可以用于多个地方，比如在注册或登录的输入框当中，当用户输入经验证为无效的值时，可以显示特定的CSS样式，来提示用户，可以让页面的设计更具交互性。
:invalid选择器实例代码，及在线编辑器
下面的代码中将设计两个input元素，一个type为email，一个设置了min和max属性：
<span>Email：</span><input type='email'>
<br><br>
<input type='number' min='1' max='9' value='6'>
<style>
input:invalid{border:1px solid red;}
</style>实例代码解析
当在上述实例代码中的input输入框中输入无效的值时，input:invalid选择器将选择这些元素，并设置边框的样式。