css通過使用選擇器修改頁面樣式
【選擇器的寫法】
選擇器中，可以寫多組樣式屬性，使用{}進行包裹；
多組樣式之間，使用分號分隔； 樣式屬性與屬性值之間，用冒號隔開。
選擇器{
屬性1:屬性值1;
屬性2:屬性值2;
}
【CSS中常用選擇器】
① 標簽選擇器
寫法： HTML標簽名{}
作用：選中頁面中所有與選擇器同名的HTML標簽。
li{
/*color: red;*/
}
②類選擇器（class選擇器）
* 寫法： .class名{}
* 調用： 在需要應用這套樣式的標簽上，使用class="class名"調用選擇器。
* 優先級： class選擇器>標簽選擇器
*/
.ji{
/*color: blue;*/
}
③ID選擇器：
* 寫法： #ID名{}
* 調用： 在需要應用這套樣式的標簽上，使用id="ID名"調用選擇器。
* 優先級： ID選擇器>class選擇器
*/
#two{
/*color: yellow;*/
}
/* 【class選擇器和ID選擇的區別】
* 1. 寫法不同：class選擇器用.聲明，ID選擇器用#聲明；
* 2. 優先級不同：ID選擇器>class選擇器
* 3. 調用次數不同： class選擇器可以調用多次； ID選擇器只能調用一次(同一頁面，不能出現同名ID)。
*/
④通用選擇器
* 寫法： *{}
* 作用： 作用於頁面中所有的HTML標簽；
* 優先級： 最低！低於標簽選擇器。
*/
*{
/*background-color: yellow;*/
/*color: pink;*/
}
⑤並集選擇器
* 寫法： 選擇器1,選擇器2,……選擇器n{} 多個選擇器之間逗號分隔。
* 生效規則： 多個選擇器取並集，只要標簽滿足其中任何一個選擇器，樣式即可生效
*
* (其實相當於多個選擇器拆開寫)
*/
li,.ji{
/*color: red;*/
}
⑥ 交集選擇器
* 寫法： 選擇器1選擇器2……選擇器n{} 多個選擇器之間緊挨着，沒有分隔
* 生效規則： 多個選擇器取交集，必須滿足所有選擇器的要求，樣式才能生效。
*/
li.ji{
/*color: red;*/
}
⑦ 后代選擇器
* 寫法： 選擇器1 選擇器2 …… 選擇器n{}
* 生效規則： 只要滿足后一個選擇器是前一個選擇器的后代，樣式即可生效（后代包括子代、孫代。。。）
*/
div .ji{
/*color: red;*/
}
⑧ 子代選擇器
* 寫法： 選擇器1>選擇器2>……>選擇器n{}
* 生效規則： 必須滿足后一個選擇器是前一個選擇器的直接子代，樣式才能生效。（兩個選擇之間不能有任何其他標簽）
*/
div>ul>.ji{
color: red;
}
》》》》》》》》注意：選擇器的【命名規范】
1. 只能有字母、數字、下划線、減號組成；
2. 開頭不能是數字。而且，選擇器名不能只有一個減號。
3. 一般選擇器必須要有語義，使用單詞和數字組成。 多個單詞之間可以用減號或下划線鏈接。
【特殊選擇器：偽類選擇器】
1、 寫法： 偽類選擇器，在選擇器的后面，用:分隔，並緊接偽類狀態；
eg: a:hover{}
2、超鏈接的偽類狀態：
:link - 未訪問狀態 :visited - 已訪問狀態
:hover - 鼠標指上狀態 :active - 激活選定狀態(鼠標點下未松開)
》》》》》》 注意： 當超鏈接多種偽類狀態共存時，必須按照link-visited-hover-active 的順序排列，否則會導致某些狀態不能生效。
3、 input的常用偽類狀態：
:hover :focus - 獲得焦點的狀態 :active
》》》》》》 注意： 當input多種狀態共存時，必須按照上述順序
4、 其他標簽，基本只有:hover事件
.a:link{
color: yellow;
}
.a:visited{
color: red;
}
.a:hover{
color: blue;
}
.a:active{
color: green;
}
input:hover{
color: red;
}
input:focus{
color: blue;
}
input:active{
color: yellow;
}