在網頁設計開發中， CSS 選擇器是一種十分重要的元素。選擇器可用于定位和風格化特定的 HTML 元素。以下介紹一些常用的 CSS 選擇器。

/* 選擇 ID 為 "header" 的元素 */
#header {
background-color: blue;
}
/* 選擇類名為 "sidebar" 的元素 */
.sidebar {
width: 250px;
float: left;
}
/* 選擇所有的
元素 */
p {
color: green;
font-size: 16px;
}
/* 選擇每個一級子元素
*/
ul >li {
list-style-type: square;
}
/* 選擇最后一個
元素 */
p:last-of-type {
margin-bottom: 0;
}
/* 選擇第一個
元素 */
p:first-of-type {
font-weight: bold;
}
/* 選擇索引數為偶數的元素 */
tr:nth-child(even) {
background-color: lightgrey;
}
/* 選擇輸入框的焦點狀態 */
input:focus {
background-color: yellow;
}

上述 CSS 選擇器演示介紹了一些比較常用的選擇器，例如 ID，類名，元素類型，子元素，索引，偽類等。合理使用 CSS 選擇器，可以讓網頁更加美觀、易讀、易維護。