伪元素和伪类

子元素伪类 
指的是选择某一行下的子元素

----------

1.  :first-child   找到某元素下的第一个子元素
2.  :last-child    找到某元素下的最后一个子元素
3.  :nth-child(n)     找到某元素下的第某个子元素
    1. n的取值
        1. odd 找到奇数行
        2. even 找到偶数行

----------
1. :first-of-type    找到某元素下第一个出现的某元素
2. :last-of-type     找到某元素下最后一个出现的某元素
3. :nth-of-type(n)   找到某元素下某个出现的某元素
4. :only-of-type     

## 伪类的使用 ##
1. :focus  当鼠标点击表单元素的时候触发样式
2. :checked 定义单选和复选选中的时候的样式 (该属性有兼容性,只有欧朋浏览器才支持)
3. :not(n)选择一个元素之外的所有元素  n也可以是一个选择器

## 伪元素 ##
1. ::before 在元素之前
2. ::after  在元素之后
3. E::before/E:before在E元素内部创建一个行内元素，作为E的第一个孩子,需要使用content属性来指定要插入的内容。被插入的内容实际上不在文档树中;
E::after/E:after 在E元素内部创建一个行内元素，作为E的最后一个孩子,其用法和特性与:before相似;