CSS3选择器的总结

1. *：通用选择器

    选择页面上全部元素，可与别的选择器嵌套使用

2. #id：id选择器

   严格，没法复用，只针对唯一

3. .class：类选择器

    针对某类，定位多个元素

4. selector1 selector2：后代选择器

    只需要定位selector1下的selector2元素

5.tagName：标签选择器

   定义页面上所有的某标签

6.selector: link ：连接平常状态

   selector: visited：连接被访问之后

   selector: hover：鼠标放到连接上的时候

   selector: active：连接被按下的时候

7.selector1+selector2：相邻选择器

   只会选中指定元素的直接后继元素

8.selector1 > selector2：子选择器

9. selector1 ~ selector2：兄弟选择器

10. selector[title]：属性选择器，属性可赋值

      selector[href="foo"] 

      selector[href*=”strongme”]

      elector[href^=”href”] 

      selector[href$=”.jpg”]

11.selector:checked：伪类选择器

     定位那些被选中的单选框和多选框

    selector:after/before

     在选中标签周围生成内容

    selector:hover

     鼠标悬浮

   selector1:not(selector2)

   反类

   selector::pseudoElement

   使用::来选中某标签的部分内容

   selector:nth-child(n)

   第二个元素那么你传的值就是li:nth-child(2).