选中某些元素的某种状态

1）:link：超链接未访问时的状态

2）:visited：超链接访问过后的状态

3）:hover：鼠标悬停状态

4）:active：激活状态，鼠标按下状态

5）:first-child：选中第一个子元素
:first-of-type：选中子元素中第一个指定类型的元素

6) :last-child： 选中最后一个子元素
:last-of-type： 选中子元素中最后一个指定类型的元素

7) :nth-child()： 选中指定的第几个子元素
(even)：关键字，等同于2n
(odd)： 关键字，等同于2n+1

8) :nth-of-type：选中指定的子元素中第几个某类型的元素

9）:focus：元素聚焦时的样式 outline：none；去掉边框

10) :checked：单选或多选框被选中的样式

常见用法

  1. 重置表单元素样式
    2. 设置textarea是否允许调整尺寸
    css属性resize：
    -both：默认值，两个方向都可以调整尺寸
    -none：不能调整尺寸
    -horizontal：水平方向可以调整尺寸
    -vertical：垂直方向可以调整尺寸
    3. 文本框边缘到内容的距离
    方法1：padding
    方法2：text-indent
    4. 控制单选和多选的样式