1. 程式人生 > >css選擇器有哪些?各種選擇器優先順序大小順序

css選擇器有哪些?各種選擇器優先順序大小順序

CSS選擇器如下:
  1. 標籤名選擇器 div { color:Red;} /即頁面中的各個標籤名的css樣式
  2.類選擇器 .divClass {color:Red;} /即定義的每個標籤的class 中的css樣式
  3.ID選擇器 #myDiv {color:Red;} /即頁面中的標籤的id
  4.後代選擇器(類選擇器的後代選擇器) .divClass span { color:Red;} /即多個選擇器以逗號的格式分隔 命名找到準確的標籤
  5.群組選擇器 div,span,img {color:Red} /即具有相同樣式的標籤分組顯示
  選擇器的
優先順序

  1.最高優先順序是 (直接在標籤中的設定樣式,假設級別為1000)<div style="color:Red;"></div>
  2.次優先順序是(ID選擇器 ,假設級別為100) #myDiv{color:Red;}
  3.其次優先順序是(類選擇器,假設級別為10) .divClass{color:Red;}
  4.最後優先順序是 (標籤選擇器,假設級別是 1) div{color:Red;}
  5.那麼後代選擇器的優先順序就可以計算了啊
  比如 .divClass span { color:Red;} 優先級別就是:10+1=11