CSS 是樣式表語(yǔ)言，用于描述 HTML 或 XML 文檔的外觀和格式。通過(guò) CSS，我們可以輕松地更改頁(yè)面的布局、顏色和字體等方面的樣式。

CSS 如何選擇元素進(jìn)行樣式化呢？這就要用到選擇器。選擇器是一種定位 HTML 元素的方法。

下面是一些使用 CSS 的基本選擇器：

/* 根據(jù)標(biāo)簽名選擇元素 */
p {
color: red;
}
/* 根據(jù) id 選擇元素 */
#my-id {
font-size: 14px;
}
/* 根據(jù) class 選擇元素 */
.my-class {
background-color: yellow;
}
/* 使用屬性選擇器 */
input[type=text] {
border: none;
}

有時(shí)候，我們希望僅根據(jù)某些條件選擇元素進(jìn)行樣式化。這就需要用到組合選擇器了。以下是一些常用的組合選擇器：

/* 后代選擇器，選擇某個(gè)元素的后代元素 */
div p {
font-size: 16px;
}
/* 子元素選擇器，選擇某個(gè)元素的直接子元素 */
ul >li {
list-style: none;
}
/* 相鄰兄弟選擇器，選擇某個(gè)元素下一個(gè)兄弟元素 */
h3 + p {
color: blue;
}
/* 通用兄弟選擇器，選擇某個(gè)元素后面的所有兄弟元素 */
h3 ~ p {
text-align: center;
}

通過(guò)選擇器，我們可以非常精確地選擇 HTML 元素，并對(duì)其應(yīng)用樣式。同時(shí)，組合選擇器也能讓我們更加靈活地定位目標(biāo)元素。