一、標籤選擇器：
顧名思議，標籤選擇器是直接將html標籤作為選擇器，如p、h1、dl、strong等html標籤。
如： p
em
dl二、id選擇器：
我們通常給頁面元素定義id。
如，然後在樣式表裡這樣定義：
#menubar
其中"menubar"是自己定義的id名稱。注意在前面加"#"號。
id選擇器也同樣支援後代選擇器，
例如：
#menubar p
這個方法主要用來定義層和那些比較複雜，有多個「唯一後代」的元素。
三、類(class)選擇器：
在css裡用乙個點開頭表示類別選擇器
例如：
.maincontent
在頁面中，用class="類別名"的方法呼叫： 14px大小的字型＜/span>這個方法比較簡單靈活，
可以隨時根據頁面需要新建和刪除。但需要避免多class綜合症。
四、群組選擇器：
當幾個元素樣式屬性一樣時，可以共同呼叫乙個宣告，元素之間用逗號分隔。
如： p, td, li
#main p, #sider span
使用組群選擇器，將會大大的減化css**，將具有多個相同屬性的元素，合併群組進行選擇，
定義同樣的css屬性，這大大的提高了編碼效率與css檔案體積。
五、後代選擇器：
後代選擇器也叫派生選擇器。可以使用後代選擇器給乙個元素裡的子元素定義樣式，
例如：
li strong
#maincontent p
六、通用選擇器：
通用選擇器由乙個星號表示。通用選擇器一般用來對頁面上的所有元素應用樣式。
例如：可以使用以下規則刪除每個元素上預設的瀏覽器填充和空白處：
* css中用四個偽類來定義鏈結的樣式，分別為a:link、a:visited、a:hover和a:active。
例如：
a:link
a:visited
a:hover
a:active
以上語句分別定義了"鏈結、已訪問過的鏈結、滑鼠停在上方時、點下滑鼠時"的樣式。
注意，必須按以上順序寫，否則顯示可能和你預期的不一致。記住它們的順序是「lvha」。
設計中最常用的CSS選擇器
一些新手朋友對選擇器一知半解，不知道在什麼情況下運用什麼樣的選擇器，這是乙個比較頭疼的問題，針對新手朋友，對css選擇器作一些簡單的說明，希望能對大家的學習工作有一定的幫助。準確而簡潔的運用css選擇器會達到非常好的效果。我們不必通篇給每乙個元素定義類 class 或id，通過合適的組織，可以用最簡...
CSS常用選擇器
class 選擇器 選擇並設定 class intro 的元素的樣式 intro id選擇器 為 id firstname 的元素設定樣式 firstname 標籤選擇器 選擇並設定所有 元素的樣式 p並集選擇器 使用 逗號 連線兩個選擇器 選擇並設定所有 樣式和所有 元素的樣式 h1,p 後代選擇...
CSS 常用選擇器
選擇器是指通過一定的語法規則選取到對應的html標記，然後給這個對應的html標記設定樣式 1.標籤選擇器 寫法 標籤名 標籤選擇器影響範圍大，一般用來做一些通用設定，或用在層級選擇器中。舉例 div 這是第乙個div 這是第二個div 2.類選擇器 寫法 類名 通過類名來選擇元素，乙個類可應用於多...