在 CSS 中，我們可以通過選擇器來選取我們想要設置樣式的元素。下面是幾種常用的選擇器類型：

[CSS 代碼]

1. 元素選擇器：以 HTML 元素名稱作為選擇器，選取該元素的所有實例。

p {
color: red;
}

上述代碼將選取頁面內所有的 <p> 元素并將其文本顏色設為紅色。

2. 類選擇器：以點（.）開頭，選取類名匹配的所有元素。

.red-text {
color: red;
}

上述代碼將選取頁面內所有類名為 “red-text” 的元素并將其文本顏色設為紅色。可以在 HTML 的 class 屬性中加入該類名來使用該樣式。

3. ID 選擇器：以井號（#）開頭，選取 ID 名稱匹配的元素，因為 HTML 中元素 ID 必須唯一。

#main-title {
font-size: 28px;
}

上述代碼將選取頁面中 ID 名稱為 “main-title” 的元素，并將其文字大小設為 28px。可以在 HTML 的 id 屬性中加入該 ID 名稱來使用該樣式。

4. 后代選擇器：用空格分隔兩個選擇器，選取第一個選擇器內的所有元素中，所有符合第二個選擇器的后代元素。

.container ul li {
font-weight: bold;
}

上述代碼將選取所有 class 為 “container” 的元素中，所有 <ul> 元素里的 <li> 元素，并將其文字加粗。

5. 子元素選擇器：用大于號（>）分隔兩個選擇器，選取第一個選擇器內的所有元素中，所有符合第二個選擇器的直接子元素。

nav >ul >li {
display: inline-block;
}

上述代碼將選取頁面內所有直接子元素為 <li> 元素的 <ul> 元素，并將其展示為行內塊元素。

6. 偽類選擇器：以冒號（:）開頭，選取特殊狀態的元素，如 :hover、:focus 等。

.button:hover {
background-color: lightgray;
}

上述代碼將選取所有 class 為 “button” 的元素，并在鼠標懸停時將其背景顏色設為淺灰色。

這些都是 CSS 中常用的選擇器類型，可以使我們更方便地選擇并設置元素的樣式。