CSS選擇器是CSS語言中最重要的部分之一。通過選擇器，我們可以修改指定的一個或多個HTML元素的樣式及屬性。在這篇文章中，我們將簡單介紹那些你需要了解的CSS選擇器。

按元素類型選擇（Element Type Selector）

按元素類型選擇是最基礎的選擇器，通過標簽名選擇某種類型的元素。

p {
color: red;
}

ID選擇器（ID Selector）

ID選擇器是通過HTML中的id屬性選取指定元素的選擇器。

#myId {
background-color: blue;
}

類選擇器（Class Selector）

類選擇器通過CSS指定的class屬性選擇某種類型的元素。

.myClass {
font-size: 18px;
}

屬性選擇器（Attribute Selector）

屬性選擇器可以選擇特定屬性的元素，包括屬性值。

input[type="text"] {
border: 1px solid #ddd;
}

偽類選擇器（Pseudo-class Selector）

偽類選擇器用于指定元素在不同狀態下應該具備的特定樣式。

a:hover {
color: blue;
}

組合選擇器（Combinators）

組合選擇器可以綜合不同選擇器的效果來選取元素。

div p {
color: green;
}

子元素選擇器（Child Selector）

子元素選擇器只能選擇作為某個元素子元素的元素。

ul >li {
list-style: circle;
}

相鄰兄弟選擇器（Adjacent Sibling Selector）

相鄰兄弟選擇器可以選擇與另一個元素在同一級別并緊接著的元素。

h2 + p {
font-style: italic;
}

通用兄弟選擇器（General Sibling Selector）

通用兄弟選擇器可以選取某個元素后的所有兄弟元素。

h2 ~ p {
font-weight: bold;
}

以上是CSS選擇器的簡單介紹，當然還有更多更復雜的選擇器可以使用。了解這些選擇器的特點和用法，可以幫助我們更好的應用CSS來控制網頁樣式。