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)
2.次優先順序是(ID選擇器 ,假設級別為100) #myDiv{color:Red;}
3.其次優先順序是(類選擇器,假設級別為10) .divClass{color:Red;}
4.最後優先順序是 (標籤選擇器,假設級別是 1) div{color:Red;}
5.那麼後代選擇器的優先順序就可以計算了啊
比如 .divClass span { color:Red;} 優先級別就是:10+1=11
想詳細的話可以參考W3C文件。
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)
2.次優先順序是(ID選擇器 ,假設級別為100) #myDiv{color:Red;}
3.其次優先順序是(類選擇器,假設級別為10) .divClass{color:Red;}
4.最後優先順序是 (標籤選擇器,假設級別是 1) div{color:Red;}
5.那麼後代選擇器的優先順序就可以計算了啊
比如 .divClass span { color:Red;} 優先級別就是:10+1=11
想詳細的話可以參考W3C文件。