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).