CSS選擇器是用于在HTML文檔中選擇和樣式化特定元素的工具。選擇器可以根據元素的標簽名、類名、ID、屬性等進行選擇。

/* 標簽選擇器 */
p {
color: red;
}
/* 類選擇器 */
.className {
font-weight: bold;
}
/* ID選擇器 */
#elementId {
background-color: yellow;
}
/* 屬性選擇器 */
[attributeName] {
font-size: 20px;
}

標簽選擇器是最常見的選擇器之一，它會選擇特定的HTML標簽并將其樣式化。例如，上面的代碼樣式化了所有的<p>標簽為紅色。

類選擇器通過指定元素的class屬性來選擇元素。例如，上面的代碼將所有擁有類名className的元素字體加粗。

ID選擇器通過指定元素的id屬性來選擇元素。例如，上面的代碼將擁有id為elementId的元素背景顏色設置為黃色。

屬性選擇器是根據元素的屬性進行選擇的。上面的代碼選擇所有具有attributeName屬性的元素，并將它們的字體大小設置為20px。

當選擇器無法準確選擇到一個或多個元素時，可以使用組合選擇器或偽類選擇器。組合選擇器包括后代選擇器、子元素選擇器和兄弟元素選擇器，而偽類選擇器可以選擇元素的特定狀態或位置。

/* 子元素選擇器 */
parent >child {
color: blue;
}
/* 后代選擇器 */
parent descendant {
font-style: italic;
}
/* 兄弟元素選擇器 */
element1 + element2 {
background-color: gray;
}
/* 偽類選擇器 */
a:hover {
text-decoration: underline;
}

子元素選擇器和后代選擇器都可以選擇元素的子元素，但子元素選擇器只會選擇直接子元素，而后代選擇器會選擇所有后代元素。兄弟元素選擇器可以選擇緊隨指定元素之后的同級元素。偽類選擇器可以選擇元素的特定狀態，例如上面的代碼將所有鼠標懸停在a標簽上的鏈接設置為帶下劃線。

總的來說，CSS選擇器是網頁設計中非常重要的工具，使用它可以輕松地對HTML元素進行樣式化。熟練掌握各種選擇器的使用方式，可以幫助您更好地設計美觀的網頁。