1、屬性選擇器

  1、[屬性名] ：選擇所有帶有這個屬性名的元素。      如：[src]
  2、[屬性名=屬性值] ：選擇所有屬性=這個屬性值的元素   如：[target=_self]   
  3、[src^="https"] ：選擇src以http開頭的元素。
  4、[src$=".pdf"] :選擇src以。pdf結尾的元素。
  5、[class $='x'] :選擇類名中包含x的元素

2、偽類選擇器

  1、li:nth-child(3) {}   ：選擇li中第三個li元素（先找父元素然後再找子元素）。這個會因為第三個元素是別的標籤而受到影響。
  2、li:nth-of-type(3) {}  ：選擇li中第三個li元素  。這不會因為第三個元素是別的元素而受影響。

  3、:nth-last-child(5){}   ：倒著數去選擇第五個元素。
  4、:nth-last-of-type(5){} ：倒著數去選擇第五個元素。（不會受影響）   
  
  5、:last-child ：指定元素是其父級的最後一個子級。
  6、:first-child：指定元素是其父級的第一個子級的樣式
 

3、為元素選擇器

  1、:before  ：在元素前加內容
    p::before {
        content: '我是偽元素的before新增的內容';
        color: green;
    }

  2、:after  :在元素後面加內容
   p::after {
        content: '我是偽元素的after新增的內容';
        color: fuchsia;
    }

  3、:first-line  ：選擇元素的第一行、
    p::first-line {
        background-color: grey;
    }

  4、:first-letter ：選擇元素的第一個字進行操作
   p::first-letter {
        background-color: red;
    }