选择器

1. 选择器
   1.  id选择器 #id{  }
   2. class选择器  .class{   }
   3. 标签选择器   div{    }   h1{   }
   4. 后代选择器   #div p{    }
   5. 子代选择器   #div>p{    }
   6. 多类选择器   #div.aa{     }
   7. 分组选择器   #div，h1{    }
   8. 伪类选择器   
      1. a:link {color:#FF0000;} /* 未访问的链接 */
      2. a:visited {color:#00FF00;} /* 已访问的链接 */
      3. a:hover {color:#FF00FF;} /* 鼠标划过链接 */
      4. a:active {color:#0000FF;} /* 已选中的链接 */
   9. 伪对象         <div>  (before)  div  (after)   </div>   (在内容的前后)
      1.   a ：：after{ content ：" "}   
      2.   a ：：before{ content ：" "}
   10. 属性选择器    input[ name = username ] {    }
   11. 兄弟选择器    
       1. +  选择后面的一个兄弟
       2. ~  选择后面的所有兄弟