console 命令行工具 X clear

console

<body>
  <input type="number" min="5" max="10" />
  <p class="youxiao">在范围内</p>
  <p class="wuxiao">不在范围内</p>
</body>

p {
  display: none;
}

input[type='number']:in-range {
  background-color: green;
}

input[type='number']:in-range~p.youxiao {
  display: block;
}

input[type='number']:out-of-range {
  background-color: red;
}

input[type='number']:out-of-range~p.wuxiao {
  display: block;
}