css中invalid选择器有什么作用？

1、新建一个html文件，命名为test.html，用于讲解css中invalid选择器有什么作用。

2、在test.html页面中，使用input标签创建一个输入框，并指定输入类型为邮箱(Email)。

3、在css标签内，使用invalid选择器设置输入框在输入非指定类型内容时的样式，例如 ，在输入非指定类型内容时，设置它的边框为红色。

4、在浏览器打开test.html，在输入框输入非邮箱，例如，“123”，查看结果。