CSS選擇器和嵌套選擇器是CSS中常用的兩種工具，用于控制HTML元素的屬性和樣式。本文將介紹這兩種選擇器和它們的用法。

## CSS選擇器

CSS選擇器是一種規則，用于選擇HTML元素。選擇器可以包含一個或多個關鍵字，這些關鍵字可以描述要選擇的元素的特征，例如：

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

- `color`：選擇字體顏色。

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

- `line-height`：選擇行高和字高。

- `padding`：選擇內邊距。

- `border`：選擇邊框。

選擇器可以嵌套在一起，以創建更復雜的選擇器。例如，可以使用選擇器來選擇包含某個特定元素的整個HTML頁面，如下所示：

<div class="page">

<div class="header">

<h1>My Page</h1>

</div>

<div class="content">

<p>This is my content.</p>

</div>

</div>

在這個例子中，`class="page"`選擇整個頁面，`class="header"`選擇頁面的標題，`class="content"`選擇頁面的正文。可以使用以下選擇器來對其進行選擇：

.page .header {

color: blue;

.page .content {

font-size: 16px;

這將選擇整個頁面，包括標題和正文，并將它們設置成藍色字體。

## 嵌套選擇器

color: red;

color: blue;

這只是一個簡單的例子，嵌套選擇器可以用于更復雜的選擇，例如選擇包含某個特定元素的整個HTML頁面，或選擇包含某個特定標簽的所有元素。嵌套選擇器可以大大提高CSS選擇器的表達能力，使選擇變得更加靈活。