1.
標簽名稱選擇器
差異
{
顏色:紅色;}
/即頁面中每個標記名的css樣式。
2.類別選擇器
。divClass
{顏色:紅色;}
/是定義的每個標簽的類。
Css樣式在
3.ID選擇器
#myDiv
{顏色:紅色;}
/即頁面中標記的id。
4.後代選擇器(類選擇器的後代選擇器)
。divClass
跨度
{
顏色:紅色;}
/也就是說,多個選擇器用逗號分隔。
命名以找到準確的標簽
5.組選擇器
div,span,img
{顏色:紅色}
/也就是說,具有相同樣式的標簽成組顯示。
選擇器的優先級
1.最高優先級是
(直接在標簽中設置樣式,假設級別為1000)
2.第二優先級是(ID選擇器
,假設等級為100)
# my div { color:Red;}
3.第二優先級是(類選擇器,假設級別是10)。
。divClass {顏色:紅色;}
4.最後壹個重點是
(標簽選擇器,假設級別為
1)
div {顏色:紅色;}
5.則可以計算後代選擇器的優先級。
例如
。divClass
跨度
{
顏色:紅色;}
優先級為:10+1 = 11。