css選擇器及優先級

  1. 後代選擇器
    div p :選擇div元素裏面的所有p元素

  2. 子選擇器
    div > p : 選擇父元素爲div的所有p元素

  3. 同胞選擇器
    div + p : 選擇所有緊跟在div之後的p元素

  4. 組選擇器
    div,p : 選擇所有的div和p元素

  5. 共同選擇器
    div.name : 選擇所有類名爲name的div元素。即同時滿足
    此外還有id選擇器#id,僞類選擇器div:hover,類選擇器.name,屬性選擇器[attribute] [attribute=name]。
    :hover 可以選擇所有指針位於其上的元素

  6. 選擇器權重及優先級
    優先級:!important > 行內樣式 > id > 類選擇器 , 屬性選擇器 , 僞類選擇器> 元素(僞元素,標籤)選擇器 > 通配符
    同等級的根據選擇器數量來計算權重。權重相同的樣式,頁內樣式大於外聯樣式,如果同時處於頁內或者外聯時,先加載的會被後加載的覆蓋。
    先比較元素優先級,相同時比較權重,權重相同時看位置(是頁內樣式還是外聯樣式),位置相同時看加載先後順序。
    題目:
    在這裏插入圖片描述
    問a的顏色是什麼?如果去掉#box a 呢?

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章