前端 CSS 3 選擇器是 CSS 語言中非常重要的一部分，可以用于選擇和操作 HTML 元素、屬性和樣式。選擇器可以讓 CSS 樣式更加靈活和高效，通過組合不同的選擇器，可以根據不同的條件來選擇不同的元素和屬性。

下面將介紹 CSS 3 選擇器的主要功能和用法。

1. 定位元素

CSS 3 選擇器可以使用絕對定位和相對定位來定位元素。絕對定位可以將元素定位到頁面的任意位置，而相對定位則只能定位到父元素的內部。

2. 選擇元素的屬性

CSS 3 選擇器可以用于選擇和操作 HTML 元素的屬性，例如選擇文本、選擇字體、選擇顏色等等。使用 CSS 選擇器時，需要將選擇器包含在屬性選擇器中，例如：

text-align: center;

3. 選擇元素的標簽

color: blue;

4. 選擇嵌套元素

CSS 3 選擇器可以用于選擇嵌套元素的樣式，例如選擇表單中的單選按鈕的樣式。使用 CSS 選擇器時，需要將選擇器包含在嵌套元素的樣式選擇器中，例如：

<label>

<input type="radio" name="choice" value="red">

<span class="choice-label">Red</span>

</label>

5. 動態選擇

CSS 3 選擇器還可以用于動態選擇，例如在 JavaScript 中根據事件處理程序選擇元素。使用 JavaScript 選擇器時，需要在事件處理程序中編寫選擇器的函數，以便根據條件選擇元素。

以上就是 CSS 3 選擇器的主要功能和用法，通過使用 CSS 3 選擇器，可以讓 CSS 樣式更加靈活和高效，使網頁設計更加美觀和易用。