嚴格來講，選擇器的種類可以分為三種：標籤名選擇器、類選擇器和id選擇器。而所謂的後代選擇器和群組選擇器只不過是對前三種選擇器的擴充套件應用。而 在標籤內寫入style=」「的方式，應該是css的一種引入方式，而不是選擇器，因為根本就沒有用到選擇器。而一般人們將上面這幾種方式結合在一起，所 以就有了5種或6種選擇器了。
語法如下：
注意，id選擇器跟類選擇器有很大的不同：乙個頁面內不能出現相同的id；再就是id也是後台開發人員會經常用的，所以前端開發人員應該盡量少的使用。當然跟後台人員的工作配合十分嫻熟之後，這些都不會成為限制。
class="polaris">
class="beijixing">
beijixing
span>
polaris
span>
div>
.polaris span.beijixing一般而言，選擇器越特殊，它的優先順序越高。也就是選擇器指向的越準確，它的優先順序就越高。通常我們用1表示標籤名選擇器的優先順序，用10表示類選擇 器的優先順序，用100標示id選擇器的優先順序。比如上例當中 .polaris span 的選擇器優先順序是 10 + 1 也就是11；而 .polaris 的優先順序是10；瀏覽器自然會顯示紅色的字。理解了這個道理之後下面的優先順序計算自是易如反掌：
div.test1 .span var //優先順序 1+10 +10 +1
span#*** .songs li //優先順序1+100 + 10 + 1
#*** li //優先順序 100 +1
1、最常用的選擇器是類選擇器。
2、li、td、dd等經常大量連續出現，並且樣式相同或者相類似的標籤，我們採用類選擇器跟標籤名選擇器結合的後代選擇器.xx li/td/dd {}的方式選擇。
3、極少的情況下會用id選擇器，當然很多前端開發人員喜歡header，footer，banner，conntent設定成id選擇器的，因為相同的樣式在乙個頁面裡不可能有第二次。
在這裡不得不提使用在標籤內引入css的方式來寫css，即：
polaris
在這裡介紹一下對於後代選擇器，瀏覽器是如何查詢元素的呢？
瀏覽器css匹配不是從左到右進行查詢，而是從右到左進行查詢。比如div#divbox p span.red，瀏覽器的查詢順序如下：先查詢html中所有class=』red』的span元素，找到後，再查詢其父輩元 素中是否有p元素，再判斷p的父元素中是否有id為divbox的div元素，如果都存在則匹配上。
瀏覽器從右到左進行查詢的好處是為了盡早過濾掉一些無關的樣式規則和元素。比如如下html和css:
div#divbox
pspan
.red
style>
id="divbox">
s1span>
p>
s2span>
p>
s3span>
p>
class='red'>s4span>
p>
div>
body>
所謂高效的css就是讓瀏覽器在查詢style匹配的元素的時候盡量進行少的查詢，下面列出一些我們常見的寫css犯一些低效錯誤：
一般寫法：div#divbox
更好寫法：#divbox
解釋： 因為id選擇器是唯一的，加上div反而增加不必要的匹配。
一般寫法：span.red
更好寫法：.red
解釋：同第一條，但如果你定義了多個.red，而且在不同的元素下是樣式不一樣，則不能去掉，比如你css檔案中定義如下：
p.red
span.red
一般寫法：#divbox p .red
更好寫法：.red
一般寫法：#divbox ul li a
更好寫法：.block
css選擇器 CSS選擇器總結
在前不久的專案中，實習小妹妹在乙個全域性的樣式中使用了下面這個css選擇器 content 對應的html結構大致是 實習妹子大致的意思是想要讓content下的子元素div的高度100 但是貌似她沒有真正理解first child的意義，從而導致這個全域性的樣式讓 所有頁面都出現了問題，然後我就只...
CSS選擇器權重問題
原則一 繼承不如指定 原則二 id class 標籤選擇符 原則三 越具體越強大 原則四 標籤 id id 標籤.class class css優先順序包含四個級別 標籤內選擇符，id選擇符，class選擇符，元素選擇符 以及各級別出現的次數 根據這四個級別出現的次數計算得到css的優先順序。css...
CSS選擇器 復合選擇器
選擇器 名稱 說明 css 版本 通用選擇器 選擇所有元素 2元素選擇器 選擇指定型別的元素1 id 選擇器 選擇指定 id 屬性的元素1.class 選擇器 選擇指定 class 屬性的元素 1 attr 系列 屬性選擇器 選擇指定 attr 屬性的元素 2 3 s1,s2,s3 分組選擇器 選擇...