CSS是用于控制網頁布局和樣式的標記語言。在網頁中，我們可以使用CSS來改變字體、顏色、大小、位置、邊框和背景等屬性。CSS選擇器是CSS中用于選擇元素的語法，它允許我們根據元素的一些屬性來改變其樣式。

以下是一些常用的CSS樣式選擇器：

1. 選擇器名稱

CSS選擇器的名稱是根據它們選擇的元素類型而定的。以下是一些常見的CSS選擇器名稱：

- 類選擇器：用于選擇具有類名的HTML元素，如<div class="color">。

- ID選擇器：用于選擇具有ID屬性的HTML元素，如<div id="myDiv">。

- 屬性選擇器：用于選擇具有屬性值的HTML元素，如<div style="width: 100px; height: 200px;">。

- 偽類選擇器：用于選擇具有偽類名的HTML和XML元素，如<ul>和<li>。

- 媒體查詢：用于選擇具有媒體查詢屬性的HTML元素，如<link rel="stylesheet" type="text/css" media="screen" href="screen.css">。

2. 選擇器規則

CSS選擇器規則如下：

- 類選擇器：規則是：如果當前選擇器中的類名匹配元素的標簽名，則選擇該元素。

- ID選擇器：規則是：如果當前選擇器中的ID屬性匹配元素的ID屬性，則選擇該元素。

- 屬性選擇器：規則是：如果當前選擇器中的屬性值匹配元素的屬性值，則選擇該元素。

- 偽類選擇器：規則是：如果當前選擇器中的偽類名匹配元素的標簽名或屬性名，則選擇該元素。

- 媒體查詢：規則是：如果當前選擇器中的媒體查詢屬性匹配元素的CSS媒體查詢屬性，則選擇該元素。

3. 如何使用選擇器

使用選擇器有多種方式，以下是一些常見的使用方式：

- 使用選擇器名稱：將選擇器名稱添加到HTML元素的標簽中，然后使用@import語句將其導入到樣式表中。例如：

<div class="color"></div>

- 使用ID選擇器：將ID選擇器添加到HTML元素的標簽中，然后使用style屬性將其導入到樣式表中。例如：

<div style="width: 100px; height: 200px; id="myDiv"></div>

- 使用屬性選擇器：將屬性選擇器添加到HTML元素的標簽中，然后使用style屬性將其導入到樣式表中。例如：

<div style="width: 100px; height: 200px; background-color: red;">

- 使用偽類選擇器：將偽類選擇器添加到HTML元素的標簽中，然后使用@import語句將其導入到樣式表中。例如：

<div class="ul li"></div>

- 使用媒體查詢：將媒體查詢屬性添加到HTML元素的標簽中，然后使用@import語句將其導入到樣式表中。例如：

<link rel="stylesheet" type="text/css" media="screen" href="screen.css">

通過使用這些選擇器，我們可以輕松地控制元素的樣式。