day29－认识一些不太熟的伪类选择器（下）

安安，今天是个特别低一天，是伪类选择器最终章了，也刚好是day29!!!（妈呀我终於来到这天，喜极而泣Q_Q
然後还好昨天已经先打好一部分，否则今日a我整个过敏大爆发XDD完全无法集中精神RRR~（大家一定要好好爱护自己低身体，未来才能有好的肝啊(^ω^)）
那大家一起来了解一下最後有哪些，长个小知识吧d(`･∀･)b

:disabled & :enabled 表单用伪类选取器

:disabled 禁用状态

:enabled 启用状态

:required & :optional

:required 可选到必填栏位

:optional 可选到非必填栏位

:valid & :invalid 资料格式确认器

:valid 资料格式正确

:invalid 无效或错误的资料格式

:in-range & :out-of-range

是否在可接受范围内给予对应的外观设定的伪类选择器。

:in-range 接受范围内的状态

:out-of-range 超过范围的状态

‼可设定上下限

<input type="number" min="10" max="20" class="aa">

aa:in-range{
	color: black;
}
aa:out-of-range{
	color: red;
}

★表单类型要是number浏览器才会帮你检查是否在范围内喔！

★★TIP :valid & :invalid与:in-range & :out-of-range的差异？★★

:valid & :invalid 判断资料“格式”

:in-range & :out-of-range 判断资料“范围”

:read-only 唯读

不可写入的意思，单纯想把资料秀出来给你看。

::placeholder 提示文字(有别於平常直接撰写的placeholder)

能设定文字色彩，控制背景色彩。(蛮好用低！)

<input type="text" placeholder="我可以控制颜色" class="aa">

input::placeholder{
  color: pink;
}

伪类选择器：完结。
参考资源：金鱼选择器
明天最後一日罗！明日见！