CSS中的选择器

1. 关系选择器
    a. 后代选择器特点:父元素 子元素,中间是空格什么都不加
    b. 儿子选择器的特点:父元素>子元素,中间是>号
    c. 相邻选择器特点:元素+元素,中间用+号,但是两者要为同一级才行
    d. 兄弟选择器特点:元素~元素,兄弟元素中间用~号,必须要两个为同一级
2. 属性选择器
    a. 格式是标签名 [属性名]
    b. 标签名[属性名=属性值]
3. 伪类选择器
    a. First-child表示选择的第一个元素
    b. Last-child表示选择的最后一个元素
    c. Nth-child(n)匹配的第几个元素
    d. 特点是中间加:号实例li:first-child{background:red;}
    e. 注意类选择器是相对父元素的第几个
4. 伪对象选择器
    a. 例子p::before{ content:在前面添加的对象;}
    b. 例子p::after{content:在后面添加的内容}