CSS選擇器包括標簽選擇器、ID選擇器、類選擇器、偽類和偽對象選擇器、子選擇器、相鄰選擇器、屬性選擇器、通用選擇器、包含選擇器、分組選擇器、指定選擇器等選擇器，分為標簽選擇器、ID選擇器、類選擇器、特殊選擇器這四類。 以下是我總結的5種常用的CSS選擇器。
CSS選擇器包括標簽選擇器、ID選擇器、類選擇器、偽類和偽對象選擇器、子選擇器、相鄰選擇器、屬性選擇器、通用選擇器、包含選擇器、分組選擇器、指定選擇器等選擇器，分為標簽選擇器、ID選擇器、類選擇器、特殊選擇器這四類。
以下是我總結的5種常用的CSS選擇器。
1、標簽選擇器 eg: p{ color:#333; } a{ display:block; } 優點：能快速為頁面中同類型的標簽統一樣式。 缺點：不能設計差異化的樣式，有時會造成樣式的相互干擾。 2、ID選擇器 eg: #nav{ margin:0px; padding:10px; } 解釋說明： '#' 為ID選擇符首碼 'nav' 為ID名稱 元素的ID名稱是唯一的，只能對應文檔中的一個元素。 適用範圍：在頁面中唯一、固定、不會重覆出現的對象，如導航欄等。 3、類選擇器 eg: .col{ } 解釋說明： '.' 為類選擇符首碼 'col' 為類名 適用範圍：類樣式可應用於文檔中的多個元素。 特性：①使用類選擇器前，需在HTML文檔中為要應用類樣式的元素定義相應的class屬性； ②有較好的靈活性，可指定類樣式應用的元素對象範圍。 比較：在同等條件下，ID選擇器的優先權比類選擇器更大。 4、偽類和偽對象選擇器 eg: a:hover{ font-weight;bold; } 解釋說明： 'a' 為指定標簽名 '：' 為偽類或偽元素標識符 'hover' 為偽類或偽元素名 適用範圍：用以選擇特殊狀態或特殊區域下的元素。 6種常用偽類選擇器如下表所示：
| 偽類 | 說明 |
| :focus | 定義對象在成為輸入焦點時的樣式 |
| :link | 定義未訪問過的超鏈接樣式 |
| :visited | 定義訪問過的樣式 |
| :hover | 定義滑鼠經過的樣式 |
| :active | 定義滑鼠按下的樣式 |
| :first-child | 定義對象的第一個子對象的樣式 |
