CSS是用于控制網頁樣式的編程語言，具有許多選擇器，用于選擇、定義和修改HTML元素的屬性。在本文中，我們將總結CSS的所有選擇器。

1. 類選擇器

類選擇器是一種選擇器，它允許您使用一個名稱來定義一系列具有相同屬性的元素。例如，您可以使用類選擇器來定義一個“color”類，該類將定義所有帶有color屬性的元素都使用相同的顏色。

```css

.color {

color: blue;

2. 元素選擇器

元素選擇器是一種選擇器，它用于選擇HTML元素。它們具有許多不同的類型，包括基本元素、內聯元素和外部元素。

基本元素選擇器包括：

- p：普通文本。

- h1：標題1。

- h2：標題2。

- h3：標題3。

- p.color：帶有color屬性的文本。

- div：水平分頁。

內聯元素選擇器包括：

- object：圖像塊。

- strong：強調。

- em：擴展。

外部元素選擇器包括：

- span：表情符號。

- button：按鈕。

- input：文本輸入框。

3. 屬性選擇器

屬性選擇器是一種選擇器，它用于選擇具有特定屬性的元素。例如，您可以使用屬性選擇器來選擇帶有width和height屬性的元素。

```css

.box {

width: 200px;

height: 200px;

4. 偽類選擇器

偽類選擇器是一種選擇器，它允許您使用CSS偽類來定義一系列具有相同外觀和屬性的元素。例如，您可以使用偽類選擇器來定義一個“線性漸變”類，該類將定義所有帶有color和gradient屬性的元素都使用相同的顏色和漸變方式。

```css

.gradient {

gradient: linear-gradient(to bottom, #ff0000, #00ff00);

5. 偽元素選擇器

偽元素選擇器是一種選擇器，它用于選擇包含偽類選擇器定義的HTML元素。例如，您可以使用偽元素選擇器來選擇帶有border-radius和padding屬性的元素。

```css

.radius {

border-radius: 5px;

padding: 5px;

6. 繼承選擇器

繼承選擇器是一種選擇器，它用于選擇具有父選擇器定義的元素。例如，您可以使用繼承選擇器來選擇帶有color和background-color屬性的父元素。

```css

.parent {

color: blue;

background-color: green;

.child {

color: red;

background-color: yellow;

7. 斜體選擇器

斜體選擇器是一種選擇器，它用于選擇帶有斜體文本的元素。例如，您可以使用斜體選擇器來選擇帶有font-style和font-weight屬性的文本。

```css

.斜體 {

font-style: italic;

font-weight: bold;

8. 下劃線選擇器

下劃線選擇器是一種選擇器，它用于選擇帶有text-decoration屬性的HTML元素。例如，您可以使用下劃線選擇器來選擇帶有text-decorationdecoration屬性的元素。

```css

.decoration {

text-decorationdecoration: underline;

9. 內聯樣式表

內聯樣式表是一種選擇器，它用于選擇具有內聯樣式表定義的HTML元素。它允許您定義樣式表，并將其應用于所有內聯元素。

```css

.box {

color: #ff0000;

background-color: #00ff00;

10. 顏色選擇器

顏色選擇器是一種選擇器，它用于選擇具有color屬性的元素。例如，您可以使用顏色選擇器來選擇所有帶有color屬性的元素，并將其顏色設置為紅色。

```css

.red {

color: red;

11. 邊框選擇器

邊框選擇器是一種選擇器，它用于選擇具有border屬性的元素。例如，您可以使用邊框選擇器來選擇所有帶有border屬性的元素，并將其邊框顏色設置為黑色。

```css

.border {

border: 1px solid black;

12. 表格選擇器

表格選擇器是一種選擇器，它用于選擇具有table屬性的HTML元素。例如，您可以使用表格選擇器來選擇所有帶有table屬性的表格，并將其邊框顏色設置為黑色。

```css

.table {

border: 1px solid black;

13. 字體選擇器

字體選擇器是一種選擇器，它用于選擇具有font屬性的元素。例如，您可以使用字體選擇器來選擇所有帶有font屬性的元素，并將其字體設置為宋體。

```css

.font {

font: 宋體；

14. 字體大小選擇器

字體大小選擇器是一種選擇器，它用于選擇具有font-size屬性的元素。例如，您可以使用字體大小選擇器來選擇所有帶有font-size屬性的元素，并將其字體大小設置為16px。

```css

.font-size {

font-size: 16px;

15. 背景顏色選擇器

背景顏色選擇器是一種選擇器，它用于選擇具有background-color屬性的元素。例如，您可以使用背景顏色選擇器來選擇所有帶有background-color屬性的元素，并將其背景顏色設置為藍色。

```css

.background {

background-color: blue;

16. 顏色漸變選擇器

顏色漸變選擇器是一種選擇器，它用于選擇具有gradient屬性的元素。例如，您可以使用顏色漸變選擇器來選擇所有帶有gradient屬性的元素，并將其顏色漸變方式設置為線性漸變。

```css

.gradient {

gradient: linear-gradient(to bottom, #ff0000, #00ff00);

17. 下劃線漸變選擇器

下劃線漸變選擇器是一種選擇器，它用于選擇具有gradient屬性的元素。例如，您可以使用下劃線漸變選擇器來選擇所有帶有gradient屬性的元素，并將其下劃線漸變方式設置為線性漸變。

```css

.gradient {

gradient: linear-gradient(to bottom, #ff0000, #00ff00);

以上就是CSS的所有選擇器總結，您現在可以了解如何通過選擇器來定義HTML元素的樣式。使用這些選擇器，您可以創建豐富多彩的網頁。