CSS選擇器是CSS最基礎也是最重要的部分之一，它可以幫助我們在HTML文檔中選中特定的元素，并對其進行樣式的改變。以下是一些常用的CSS選擇器：

// 選中所有元素
* {
/* 樣式屬性 */
}
// 選中ID為"example"的元素
#example {
/* 樣式屬性 */
}
// 選中class為"example"的元素
.example {
/* 樣式屬性 */
}
// 選中屬性值為"example"的元素
[attribute="example"] {
/* 樣式屬性 */
}
// 選中每個li元素的第一個子元素
li:first-child {
/* 樣式屬性 */
}
// 選中每個p元素的第一行文本
p:first-line {
/* 樣式屬性 */
}
// 選中同級元素中緊隨在ID為"example"之后的元素
#example + p {
/* 樣式屬性 */
}
// 選中同級元素中ID為"example"之后的所有元素
#example ~ p {
/* 樣式屬性 */
}

除了上述選擇器外，還有一些其他的選擇器，如偽類選擇器和偽元素選擇器，它們能夠對元素的不同狀態進行樣式的設置。例如，:hover偽類選擇器可以用來選中鼠標懸停在元素上的狀態。要注意的是，不同的選擇器可以使用組合來選中更具體的元素，如li:first-child可以選中列表中第一個li元素。

使用CSS選擇器可以讓我們更加靈活地控制元素的樣式，從而達到更好的視覺效果。選擇器的靈活應用可以在你的網站上創造出獨特的UI設計，并使用戶體驗更佳。