CSS3新增选择器：兄弟选择器：+和~​​​​​​ |属性选择器：^$ *| 伪类选择器

兄弟选择器：+和~

    h2+p{/*兄弟选择器+ 找到h2下面的紧挨的兄弟元素*/
            color: yellow;
        }
        div~p{ /*兄弟选择器 ~找到h2下面的所有同级别的兄弟p*/
            color: pink;
        }

 属性选择器：^(匹配前缀) $（匹配后缀） *(匹配字符串，只要拥有就可以        )

^匹配所选中的属性的前缀的设置样式 

$匹配所选中的属性的后缀的设置样式  

 *只要有含有 不需要要求在前缀后缀

 伪类选择器新的CSS3 特有的等

• :not()
• :root()
• :last_child匹配父元素的最后一个子元素
• :only-child匹配父元素的仅有的一个子元素
• :nth-child(n)匹配父元素第n个子元素
• :nth-last-child(n)匹配父元素倒数第n个子元素
• :first-of-type
• :last-of-type
• :only-of-type
• :empty
• :checked
• :enabled
• :target