css 伪类

表示任何处于选中状态的radio(<input type="radio">), checkbox (<input type="checkbox">) 或("select") 元素中的option HTML元素("option")) 。

用户通过点击元素或选择其他的值，可以改变该元素的 :checked 状态，并:checked属性赋给一个新的对象(例如其他的option值)。

表示一组相关元素中的默认表单元素。

该选择器可以在 <button>, <input type="checkbox">, <input type="radio">, 以及 <option> 上使用。

表示一组兄弟元素中其类型的第一个元素。

 p:first-of-type /* 选择在父元素中第一个出现的<p>，而不管其在兄弟内的位置如何 */

 会在光标（鼠标指针）悬停在元素上时提供关联的样式。在触摸屏上 :hover 有问题，基本不可用。

适用于用户使用指示设备虚指一个元素（没有激活它）的情况。这个样式会被任何与链接相关的伪类重写，像:link, :visited, 和 :active等。为了确保生效，:hover规则需要放在:link和:visited规则之后，但是在:active规则之前，按照LVHA的循顺序声明:link－:visited－:hover－:active。

 代表一个 <input> 元素，其当前值处于属性min 和max 限定的范围之内.

input:in-range /* 该伪类可选定任意的<input>, 但只有在该元素指定了取值范围，并且元素值处于指定范围时才有效*/

 基于元素语言来匹配页面元素。

p:lang(en) /* 选取任意的英文（en)段落 */

 需要和@规则  @page 配套使用, 对打印文档的左侧页设置CSS样式.

@page :left /* 设置打印时的左侧文档样式 */

 :nth-child(an+b)

首先找到所有当前元素的兄弟元素，然后按照位置先后顺序从1开始排序，选择的结果为第（an+b）个元素的集合（n=0，1，2，3...）。

:nth-last-child(an+b) 

 和 :nth-child 一样，只是它从结尾处反序计数，而不是从开头处。

代表一个唯一的页面元素(目标元素)，其ID与当前URL片段匹配 .

:target /* 选择一个ID与当前URL片段匹配的元素*/

表示内容验证正确的<input> 或其他 <form> 元素。这能简单地将校验字段展示为一种能让用户辨别出其输入数据的正确性的样式。