CSS選擇器是一種用于選擇HTML元素并給它們應(yīng)用樣式的工具。

p {
color: red;
}

上面的代碼表示將所有的

元素的文字顏色設(shè)為紅色。

CSS選擇器有多種類型：

• 元素選擇器：通過元素名稱選擇元素。
• 類選擇器：通過class屬性選擇元素。
• ID選擇器：通過id屬性選擇元素。
• 屬性選擇器：通過元素的屬性選擇元素。
• 偽類選擇器：通過元素的狀態(tài)選擇元素。
• 偽元素選擇器：通過元素的特殊部分選擇元素。

以下為一些常見的CSS選擇器：

/* 元素選擇器 */
p {
font-size: 16px;
}
/* 類選擇器 */
.intro {
font-style: italic;
}
/* ID選擇器 */
#main-title {
font-weight: bold;
}
/* 屬性選擇器 */
input[type="text"] {
width: 200px;
}
/* 偽類選擇器 */
a:hover {
color: blue;
}
/* 偽元素選擇器 */
p::first-letter {
font-size: 24px;
}

可以將不同的選擇器組合使用，以選擇更具體的元素：

/* 選擇所有帶有類名為 intro 的
元素 */
p.intro {
font-style: italic;
}
/* 選擇所有 ID 為 main-text 的
元素 */
p#main-text {
font-size: 18px;
}
/* 選擇所有的 type 屬性值為 text 的元素 */
input[type="text"] {
color: gray;
}
/* 選擇父元素為
的第一個
元素 */
ul li:first-child {
font-weight: bold;
}

通過使用CSS選擇器，可以使頁面的樣式更加豐富多彩，同時也能提高代碼的可維護(hù)性。