css選擇器的使用相關的複習

div>p: 子代
div+p： div後面相鄰的第一個p
div~p: div後面所有的兄弟p

1. 屬性選擇器
   id選擇器 # 通過id 來選擇
   類名選擇器 . 通過類名來選擇
   屬性選擇器 [] 通過標籤屬性來選擇器

   語法：
   標誌性符號：[]

^: 開頭    $:結尾    *：包含

E[title]  : 選中頁面的E元素，並且E需要帶有title屬性
E[title="abc"] :選中頁面的E元素，並且E需要帶有title屬性,屬性值為abc
E[title^="abc"] :選中頁面的E元素，並且E需要帶有title屬性,屬性值以abc開頭
E[title$="abc"] :選中頁面的E元素，並且E需要帶有title屬性,屬性值以abc結尾
E[title*="abc"] :選中頁面的E元素，並且E需要帶有title屬性,屬性值包含abc

結構偽類選擇器：
   E：first-child　選中父元素中的第一個子元素
   E：last-child　選中父元素中的最後一個子元素
   E：nth-child(1)　選中父元素中的第5個子元素
    n: 0,1,2,3,4。。。
    偶數： 2n  even
    奇數：2n-1 odd
    前5個： -n+5
  E：nth-last-child(3): 從後向前選擇， 選中倒數第3個

  div:nth-child(9)

  注意：所選到的元素的型別 必須是指定的型別E,否則選擇無效；

 E：empty 表示元素為空的狀態
 E:target: 表示元素被啟用的狀態  要配合錨點使用

 偽元素：
    通過css模擬出html效果
    E::before
    E::after  必須有content 屬性

偽元素選擇器：
        E::first-letter　選中第一個字母
        E::first-line選中第一行
        E::selection: 表示選擇的區域 通過設定 color  background