有時在看別人程式碼時，看到一長串的選擇器經常有點懵，今天來夯實一下基礎
選擇器有：
1、標籤選擇器 ：就是HTML 中的標籤 如<p> <h1> <body>等
2、類選擇器： 用 class=”類選擇器名稱” 為標籤設定一個類 ，以英文原點開頭，語法：
.類選擇器名稱{css樣式程式碼}
3、ID選擇器：用 id=”ID選擇器名稱”為標籤設定一個類，以（#）號開頭.（ID選擇器只能在文件中使用一次）
4、通用選擇器：它使用一個（*）號指定，它的作用是匹配html中所有標籤元素，如：
*{ color:red;}
5、子代選擇器：用（>）符號，用於指定標籤元素的第一代子元素。如：
li>span{color:red;}
6、後代選擇器：加入空格 ，用於選擇指定標籤下的後輩元素。
.parent .son{color:red;}
7、偽類選擇器：用於給HTML不存在的標籤（標籤的某種狀態）設定樣式，如
a:hover{color:red;}
8、分組選擇符：想為多個標籤設定相同的樣式，用分組選擇符（，）。如
h1，p{color:red;}
選擇器權值：
哪種選擇器權值高就使用哪種css的樣式，權值規則：
標籤的權值為1，類選擇符的權值為10，ID選擇符的權值最高為100。
當有權值相同的樣式存在，根據前後順序決定樣式，處於最後面的CSS樣式會被應用
所以優先順序：內聯樣式表（標籤內部）>嵌入樣式表（當前文件中）>外部樣式表（外部檔案中）
為某些樣式設定最高權值，用!important。如：
p{color:red !important;} !important寫在分號前。