CSS選擇器是一種用于控制HTML頁面樣式的語言。它可以用于選擇、定義、修飾和操縱頁面中的元素、屬性和樣式。在CSS中，選擇器有兩種類型：類選擇器和屬性選擇器。下面我們將詳細介紹這兩種選擇器。

## 類選擇器

類選擇器是一種用于選擇具有相同類名的HTML元素。類名可以包含字母、數字或下劃線，例如：

- `background-color`：用于選擇背景顏色。

- `border-radius`：用于選擇圓角。

- `color`：用于選擇顏色。

- `font-size`：用于選擇字體大小。

- `font-style`：用于選擇字體樣式。

- `font-weight`：用于選擇字體權重。

類選擇器的第一個參數是類名，第二個參數是選擇該類的HTML元素。例如，以下代碼將選擇文檔標題元素：

```css

background-color: #f00;

border-radius: 5px;

color: white;

font-size: 20px;

font-style: italic;

font-weight: bold;

## 屬性選擇器

屬性選擇器是一種用于選擇具有指定屬性值的HTML元素。屬性可以是數字、字母或下劃線，例如：

- `background-color`：用于選擇背景顏色。

- `border-width`：用于選擇邊框寬度。

- `border-style`：用于選擇邊框樣式。

- `color`：用于選擇顏色。

- `font-family`：用于選擇字體。

- `font-size`：用于選擇字體大小。

- `font-style`：用于選擇字體樣式。

- `font-weight`：用于選擇字體權重。

屬性選擇器的第一個參數是指定的屬性名，第二個參數是選擇該屬性值的HTML元素。例如，以下代碼將選擇背景顏色為淡藍色、邊框寬度為1像素的元素：

```css

body {

background-color: #777;

border-width: 1px;

border-style: solid;

color: blue;

font-family: Arial, sans-serif;

font-size: 16px;

font-style: italic;

font-weight: bold;

總之，CSS選擇器是一種強大的工具，可以讓開發人員更輕松地控制網頁的樣式和布局。通過選擇器，可以方便地定義和修改HTML元素的樣式，使網頁更加美觀和易于使用。