CSS選擇器是CSS中非常重要的一部分，它可以讓我們根據(jù)特定的規(guī)則快速地選擇HTML文檔中的元素。在以下的例子中，我們將展示如何使用CSS選擇器在城市列表中進行選擇。

<div class="city-list">
<ul>
<li>北京</li>
<li>上海</li>
<li>廣州</li>
<li>深圳</li>
<li>杭州</li>
</ul>
</div>

在上面的代碼中，我們有一個城市列表，其中包含了五個城市的名字。我們使用CSS選擇器來選擇其中的城市，如下所示：

.city-list li {
font-size: 16px;
color: #333;
}
.city-list li:nth-child(3) {
color: #f00;
}

在上面的代碼中，我們使用了兩個CSS選擇器。第一個選擇器選擇了城市列表（class="city-list"），然后選擇了其中的每個城市l(wèi)i元素。這個選擇器的意思是“選擇class為'city-list'的元素中的所有l(wèi)i元素”。

第二個選擇器使用了:nth-child()偽類選擇器，選擇了列表中的第三個城市（廣州）。我們將這個元素的顏色改為了紅色，以便讓它更加突出。

使用CSS選擇器可以讓我們非常靈活地控制HTML文檔中的元素。在實際的網(wǎng)站開發(fā)中，我們可以根據(jù)需要選擇特定的元素，從而實現(xiàn)不同的效果。