1-4 UI元素状态伪类选择器

下面表单输入框中分别设置了hover、focus、active三种状态。

下面表单输入框分别对应可用enabled、不可用disabled两种状态。

下面表单输入框分别对应只读read-only、可读写read-write两种状态。

下面输入框分别对应选中checked、默认选中default、一个都没选中（具有相同name）三种状态

下面第一个输入框具有required验证属性（必须有输入才能验证通过，然后被选中），第二个没有

下面第一个输入框具有required验证属性，第二个没有。
跟上面valid选择器的区别是，无论是否通过验证，只要具有required都会被选中

下面的文字设置了选中部分的样式，选一下试试？

type="number"的input超出设定的范围时会被out-of-range选中，
在范围之内时会被in-range选中