UI元素状态伪类选择器

• :focus
• 输入焦点。设置对象在成为输入焦点（该对象的onfocus事件发生）时的样式。

• :checkedCSS3
• 选中状态的元素。匹配用户界面上处于选中状态的元素。

• :enabledCSS3
• 可用状态的元素。匹配用户界面上处于可用状态的元素E。

• :disabledCSS3
• 禁用状态的元素。匹配用户界面上处于禁用状态的元素E。

• :read-onlyCSS3
• 只读状态的元素。处于只读状态的元素

• :read-writeCSS3
• 能编辑的元素。选择可以被用户编辑的表单元素

• :optionalCSS3
• 选择非必填元素。选择任意没有required属性的<input>，<select>或<textarea>元素

• :requiredCSS3
• 选择必填元素。选择任意拥有required属性的<input>或<textarea>元素

• :in-rangeCSS3
• 选择有限定范围的元素。选择一个<input>元素，其当前值处于属性min和max限定的范围之内

• :indeterminateCSS3
• 选择处于不确定状态的表单元素。选择处于不确定状态的表单元素

• :defaultCSS3
• 默认状态的表单元素。选择器用来指定当页面打开时默认处于选取状态的单选按钮或者复选框的样式。

• :focus-withincss3
• 元素或者后代元素获得焦点。:focus-within 是一个CSS 伪类 ，表示一个元素获得焦点，或，该元素的后代元素获得焦点。换句话说，元素自身或者它的某个后代匹配 :focus 伪类。（shadow DOM 树中的后代也包括在内）

• :out-of-rangecss3
• 当值处于范围之外。:out-of-range CSS 伪类表示一个元素，其当前值处于属性 min 和 max 限定的范围外。