關於CSS選擇器總結：（注：下面標籤間出現的類名或ID名可以隨意取，對標籤不熟悉的可以先去學學html標籤，推薦網址：www.w3school.com.cn）
1.標籤選擇器：
直接找到標籤名字的選擇器
語法：標籤名{} 如：p{}
2.類名選擇器（類名在同一個頁面可以出現多次）：
通過類名找到對應的標籤
語法：.類名{}
如:<p class="first"></p> .first{}
3.ID名選擇器（ID名在同一個頁面只能出現一次）
通過ID名找到對應的標籤
語法：#ID名{}
如：<p id="first"></p> #first{}
4.後代選擇器
不用逗號隔開（包括標籤名、類名、ID名等等）後面選擇器爲前面的子級元素
如：<div>
<p id=''first">
<p class="box">
</p>
</p>
</div>
語法：div #first .box{}或者div p p{}或者div #first p{}或者div p .box{}
5.羣組選擇器
用逗號隔開，選擇器之間可以爲同級關係，也可以爲父子級關係
如：<div></div>
<p class="box"></p>
<span id="first"></span>
語法：div,p,span{}或者div,#box,.first{}或者div,#box,span{}或者div,p,.first{}
6.通配符選擇器
無論什麼元素全部選到，用符號" * "表示
語法：*{margin:0;padding:0;}(通配符固定語句)
一個網頁中最好不用使用" * "選擇器，因爲它是默認給頁面中所有標籤都強制加外邊距和內邊距都爲零，如果是大型網站像天貓、淘寶，這類的很消耗網站性能，所以通常在寫網頁時是給一些默認帶有外邊距和內邊距標籤清零。
如：body,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,input{margin:0;padding:0;}
7.子級選擇器
用於具有父子級關係的元素，而且是直接的下一級關係，不是所有後代
如：<div>
<p>
<p></p>
</p>
<p></p>
</div>
語法：div > p{}(注：選擇的是div裏的兩個子級p元素，而不會選擇p標籤裏嵌套的p標籤)
8.毗鄰選擇器
用於兄弟(同級)元素之間
如：<div>
<div></div>
<div></div>
<div></div>
</div>
語法：div div+div{}(注：在同級元素中，除了第一個div,其他div都選中)
9.屬性選擇器
語法：[屬性]{}
如：<a href=""></a>
[href]{}
10.屬性屬性值選擇器
語法：[屬性=屬性值]{}
如：<a href="" class="item"></a> [class=item]{}
(注：屬性與屬性值必須一致，不能出現兩個屬性值 [如：class="item item1"]這是不可以的)
11.屬性包含屬性值選擇器
語法：[屬性~=屬性值]{}
如：<a href="" class="item"></a> [class~=item]{}(注：可以出現兩個屬性值)
12.屬性屬性值開頭選擇器
語法：[屬性|=屬性值]{}
如：<a href="" class="font-text"></a>[class|=font]{}或[class|=font-text]{}兩種情況可以
(注：當class="font"時 [class|=font]{}也可以)
13.僞類選擇器
選擇器滿足某些條件
:link 未被點擊的狀態（a標籤適用）
如：a:link{color:red;}設置未被點擊時字體顏色爲紅色
:active 點擊但是鼠標沒有釋放的狀態
如：a:active{color:green;}設置未被點擊時字體顏色爲綠色
:hover 鼠標懸停的狀態（任何標籤都可以使用也是最常用的）
如：a:hover{color:pink;}設置未被點擊時字體顏色爲粉色
:visited 點擊過後的狀態（a標籤適用）
如：a:hover{color:yellow;}設置點擊過後字體顏色爲黃色
（注：僞類選擇器最好分開測試，效果比較明顯）
上面是自己對CSS選擇器的總結，並需要都記住，比較常用的是前面8個選擇器，後面的很少用，但最好了解下。
在CSS3裏還有很常用的子元素序列選擇器有興趣的可以瞭解下，歡迎大家在評論區探討
(希望對大家有所幫助，覺得我哪裏錯了可以給些建議，謝謝啦~~)
