CSS常用的選擇器和優先級的權重問題
CSS註釋
CSS修改頁面中的所有標簽，必須借助選擇器選中。
選擇器中，可以寫多對CSS屬性，用{}包裹；
每個屬性名與屬性值之間用:分隔，多對屬性之間，必須用;來分隔
選擇器{
屬性1:屬性值1;
屬性2:屬性值2;
【選擇器的命名規範】
1、只能有字母、數字、下劃線、減號組成。
2、開頭不能是數字，也不能是只有一個減號。
一般，起名要求有語義，使用英文單詞與數字的組合。
1、標簽選擇器
寫法：HTML標簽名{}
作用：可以選中頁面中，所有與選擇器同名的HTML標簽。
例如：
li{
color:red;
font-size: 48px;
}
2、類選擇器（class選擇器）
寫法：.class名{}
調用：在需要調用選擇器樣式的標簽上，使用class=“class名”調用選擇器
優先級：class選擇器>標簽選擇器
例如：
.first{
color: blue;
}
3、ID選擇器
寫法：#ID名{}
調用：需要調用樣式的標簽，起一個id=“ID名”
優先級：ID選擇器>class選擇器
註意：一個頁面中，不能出現同名ID
例如：
#one{
background-color: yellow;
}
【class選擇器和ID選擇器的區別】
1、寫法不同：class選擇器用.聲明，ID選擇器用#聲明；
2、優先級不同：ID選擇器>class選擇器；
3、作用範圍不同：class選擇器可以多次調用，ID選擇器只能使用一次。
4、通用選擇器
寫法：*{}
作用：可以選中頁面中所有的HTML標簽。
優先級：最低！！
例如：
*{
color: orange;
}
5、並集選擇器
寫法：選擇器1，選擇器2,.....,選擇器n{}
生效規則：多個選擇器取並集，只要標簽滿足其中任意一個選擇器，樣式即可生效。
例如：
li,.first{
color: red;
}
6、交集選擇器
寫法：選擇器1選擇器2......選擇器n{} 所有選擇器緊挨著，沒有分隔
生效規則：多個選擇器取交集，則必須滿足所有選擇器的要求，才能生效
例如：
li.first{
color:red;
}
7、後代選擇器
寫法：選擇器1選擇器2......選擇器n{} 選擇器之間空格分隔
生效規則：只要滿足，後一選擇器是前一個選擇器的後代，即可生效。（後代包括子代、
孫代、重孫代 。。。）
例如：
div span{
color:orange
}
8、子代選擇器
寫法：選擇器1>選擇器2>......>選擇器n{} 選擇器之間用>分隔
生效規則：必須滿足，後一個選擇器是前一個選擇器的直接子代，才能生效。（
中間不能間隔任何標簽）
例如：
div>span{
color: orangered;
}
【優先級的權重問題】
1、css生效的第一原則是“近者優先”！即，哪個選擇器作用於最裏層標簽，則這個選擇器生效；
2、當選擇器作用於同一層時，可以根據優先級權重，進行累加計算：
ID選擇器為100 > class選擇器為10 > 標簽選擇器為1
註意：並集選擇器，相當於多個選擇器拆開寫，所以，並集選擇器的優先級不能累加。
3、當選擇器作用於同一層，且優先級權重相等時。則，寫在最後的選擇器生效。
CSS常用的選擇器和優先級的權重問題