CSS的選擇器是用來選擇HTML元素，并為它們添加樣式的一種方式。掌握選擇器的使用可以讓你的頁面更加精美、規范、易于閱讀。本文將介紹一些常見的CSS選擇器及如何掌握它們。

1.元素選擇器
{ }
元素選擇器是CSS中最常見、最基本的選擇器之一，它可以選擇HTML頁面中的所有元素。例如，下面的CSS樣式將為頁面中的所有段落添加邊框和背景顏色：

p {
border: 1px solid black;
background-color: lightblue;
}

2.類選擇器
.class { }
類選擇器可以為頁面中指定的一組元素添加樣式。要使用類選擇器，需要在HTML元素中添加class屬性，然后設置與該屬性對應的類名。例如：

<p class="example">這是一個例子</p>
.example {
color: red;
}

3.ID選擇器
#id { }
ID選擇器可以為頁面中指定的唯一元素添加樣式。要使用ID選擇器，需要在HTML元素中添加id屬性，然后設置與該屬性對應的ID名。例如：

<p id="title">這是一個標題</p>
#title {
font-size: 24px;
}

4.后代選擇器
a b { }
后代選擇器可以選擇一個元素的后代元素。例如：

<div>
<ul>
<li>列表項1</li>
<li>列表項2</li>
</ul>
</div>
div ul li {
color: blue;
}

以上是一些常見的CSS選擇器及其用法。我們可以根據自己的實際需求和場景選擇合適的選擇器來添加樣式。同時，要注意選擇器的優先級和繼承特性，以避免樣式沖突和不必要的重復。