CSS選擇器是一項(xiàng)十分重要的Web開發(fā)技巧，它可以讓我們精確地選擇出網(wǎng)頁中的元素，并對其進(jìn)行特定的樣式定義。下面我們來介紹一些常見的CSS選擇器。

/* 選擇元素的類型 */
p {
color: red;
}
/* 選擇元素的id */
#header {
font-size: 24px;
}
/* 選擇元素的class */
.active {
background-color: yellow;
}
/* 選擇元素的屬性 */
input[type="text"] {
border: 1px solid black;
}
/* 選擇元素的后代 */
div p {
font-weight: bold;
}
/* 選擇元素的直接子元素 */
ul >li {
list-style: none;
}
/* 選擇元素的相鄰兄弟元素 */
h2 + p {
border-top: 1px solid gray;
}
/* 選擇元素的所有兄弟元素 */
h2 ~ p {
margin-left: 10px;
}

上述代碼展示了常見的CSS選擇器，這些選擇器使我們可以通過元素類型、ID、class、屬性、后代、直接子元素、相鄰兄弟元素、所有兄弟元素等多種方式來選擇網(wǎng)頁中的元素，為其添加樣式或其他效果。掌握這些選擇器將有助于開發(fā)高效、靈活的Web頁面。