CSS選擇器是用于控制HTML文檔中元素樣式的一組指令，可以根據需要選擇不同的元素、屬性或操作，從而實現各種樣式效果。CSS選擇器分為類選擇器和屬性選擇器兩種，下面將詳細介紹這兩種選擇器。

## 類選擇器

類選擇器是一種組合選擇器，可以指定一組元素的共同屬性，如字體、顏色、大小等。使用類選擇器時，只需選擇包含指定屬性的所有元素，就可以得到符合要求的樣式效果。

```css

/* 字體選擇器 */

font-family: Arial, sans-serif;

/* 顏色選擇器 */

color: red;

上面的代碼中，我們使用了`font-family`選擇器來指定了所有`Arial`字體的元素，同時也使用了`color`屬性來指定了所有元素的顏色，這樣就可以得到紅色的效果。

除了字體和顏色，類選擇器還可以選擇其他屬性，如寬度、高度、邊框樣式等。

```css

/* 寬度選擇器 */

width: 200px;

/* 高度選擇器 */

height: 300px;

/* 邊框樣式選擇器 */

border-radius: 5px;

border: 2px solid black;

上面的代碼中，我們使用了`width`和`height`選擇器來選擇了所有寬度為200px的元素，同時也使用了`border-radius`和`border`屬性來選擇了所有元素的寬度和高度，這樣就可以得到圓形的邊框效果。

## 屬性選擇器

屬性選擇器是一種單選選擇器，可以根據元素的特定屬性進行選擇。使用屬性選擇器時，需要指定選擇的元素的屬性值，并得到符合要求的樣式效果。

例如，我們可以使用`background-color`屬性來選擇所有元素的背景顏色，如下所示：

```css

/* 背景顏色選擇器 */

background-color: red;

上面的代碼中，我們使用了`background-color`屬性來選擇了所有`red`背景的元素，這樣就可以得到背景顏色為紅色的效果。

除了背景顏色，屬性選擇器還可以選擇其他屬性，如字體、顏色、大小等。

```css

/* 字體選擇器 */

font-family: Arial, sans-serif;

/* 顏色選擇器 */

color: red;

/* 大小選擇器 */

font-size: 20px;

上面的代碼中，我們使用了`font-family`、`color`和`font-size`選擇器來選擇了所有字體為`Arial`、顏色為`red`和大小為20px的元素，這樣就可以得到紅色的背景、紅色字體和20px大小的樣式效果。

## 總結

CSS選擇器是用于控制HTML文檔中元素樣式的一組指令，分為類選擇器和屬性選擇器兩種。類選擇器可以指定一組元素的共同屬性，而屬性選擇器可以根據元素的特定屬性進行選擇。使用選擇器可以方便地實現各種樣式效果，但需要注意選擇器的組合使用，避免重復選擇或沖突選擇。