CSS :in-range选择器，匹配指定范围元素
:in-range选择器
CSS伪类选择器:in-range可以用于匹配选择指定范围内的所有HTML元素，该选择器一般情况下仅适用于设置了min或max属性的元素，比如input元素！那什么是“指定范围内”呢？一般指的是min和max两个属性指定的范围。
:in-range选择器语法
A:in-range{样式设置}
:in-range选择器实例代码，及在线编辑器
:in-range选择设置了min和max范围的input元素：
<input type='number' min='1' max='9' style='width:100px;' value=20>
<style>
input:in-range{background-color:skyblue;}
</style>实例代码解析
如上代码，当输入的数值在[1,9]这个区间之外，input并没有被input:in-range选择器选择，因此背景色不会变成skyblue；当输入的数值在[1,9]之间时，input就被input:in-range选择器选择，背景色便设置成skyblue。