在 CSS 中，選擇器是一種模式，用於選擇需要新增樣式的元素。 ? ? ? ?
屬性選擇器可依據(jù)元素的屬性及屬性值來選擇元素。

三種基本的選擇器類型：標(biāo)籤名稱選擇器、類別選擇器、ID選擇器

#注意：在標(biāo)籤內(nèi)寫入style=" "的方式，應(yīng)該是CSS的一種引入方式，而不是選擇器，因?yàn)楦揪蜎]有用到選擇器。?

1：標(biāo)籤名稱選擇器?
#一個(gè)HTML文件中有許多標(biāo)籤，例如p標(biāo)籤，h1標(biāo)籤等。若要讓文件中的所有p標(biāo)籤都使用同一個(gè)CSS樣式，就應(yīng)使用標(biāo)籤選擇器。

html {color:black;}
h1 {color:blue;}
p2{color:silver;}

即直接使用HTML標(biāo)籤作為選擇器。

2：類別選擇器?
使用標(biāo)籤選擇器可以為整個(gè)HTML文件中的同一個(gè)標(biāo)籤指定相同的CSS樣式。但在實(shí)際運(yùn)用中，HTML文件中的同一個(gè)標(biāo)籤會被重複使用。若要為相同的標(biāo)籤賦予不同的CSS樣式就應(yīng)使用類別選擇器。?
<div class="test">測試程式碼</div>?

.test {color:red;border:1px blue solid;}?

#在html文件裡，我們在要控制樣式的標(biāo)籤的開標(biāo)籤（非成對標(biāo)籤如input直接放在標(biāo)籤裡）裡加入class="xxx",在頁面對應(yīng)的css文件裡，用.xxx就可以指向這個(gè)標(biāo)籤，從而對這個(gè)標(biāo)籤進(jìn)行控制，我們稱這種透過定義類別（class）來找到標(biāo)籤的方式為：類別選擇器。

這種定義class 的方式是前端開發(fā)最常用的選擇器，有幾個(gè)突出的特點(diǎn)：可以給不同的標(biāo)籤設(shè)置同一個(gè)類，從而用一條CSS命令控制幾個(gè)標(biāo)籤，減少大量程式碼，是頁面修改簡單，易維護(hù)，易改版；其次，後臺工作人員機(jī)會不會用到有關(guān)class的相關(guān)設(shè)置，不需要跟後臺人員之間進(jìn)行交互；再者，可以透過js等動態(tài)改變標(biāo)籤的Classname，從而改變整個(gè)標(biāo)籤的樣式，讓前端動態(tài)效果實(shí)現(xiàn)起來更為容易。

3：ID選擇器?
ID選擇器和類別選擇器相似，不同的是，ID選擇器不能復(fù)用。在一個(gè)XHTML文件中，一個(gè)ID選擇器只能把其CSS樣式指定給??一個(gè)標(biāo)籤。
<div id="test">測試程式碼</div>?

test {color:red ;border:1px blue solid;}?

有ID 的HTML元素可以被JavaScript來操縱.再就是ID也是後臺開發(fā)人員會常用的，所以前端開發(fā)人員應(yīng)該盡量少的使用。?