掌握基本的CSS選擇器語法，需要具體代碼示例
CSS選擇器是前端開發中非常重要的一部分，它可以用來選擇和修改HTML文檔的各個元素。掌握基本的CSS選擇器語法對于編寫高效的樣式表是至關重要的。本文將介紹一些常見的CSS選擇器以及對應的代碼示例。
元素選擇器
元素選擇器是最基本的選擇器，可以通過元素的標簽名來選擇對應的元素。例如，要選擇所有的段落（p元素），可以使用以下代碼：
p {
color: blue;
}
登錄后復制
類選擇器
類選擇器允許給HTML元素添加一個或多個類名，并通過類名來選擇對應的元素。類名以.開頭。例如，給文本添加一個名為highlight的類：
.highlight {
background-color: yellow;
}
登錄后復制
ID選擇器
ID選擇器允許給HTML元素添加一個唯一的ID，并通過ID來選擇對應的元素。ID名以#開頭。例如，給一個元素添加一個ID為header：
#header {
font-size: 24px;
}
登錄后復制
后代選擇器
后代選擇器可以用來選擇特定元素的后代元素。它使用空格將兩個選擇器連在一起。例如，選擇所有#container下的p元素：
#container p {
color: red;
}
登錄后復制
子元素選擇器
子元素選擇器可以選擇特定元素的直接子元素。它使用>來將兩個選擇器連在一起。例如，選擇所有#navigation下的直接子元素li：
#navigation > li {
display: inline;
}
登錄后復制
偽類選擇器
偽類選擇器允許選擇特定狀態的元素，例如，懸停狀態、訪問狀態等。偽類選擇器以:開頭。例如，選擇懸停狀態下的鏈接：
a:hover {
text-decoration: underline;
}
登錄后復制
相鄰兄弟選擇器
相鄰兄弟選擇器可以選擇緊接在另一個元素后的元素。它使用+來將兩個選擇器連在一起。例如，選擇緊接在h1元素后的p元素：
h1 + p {
font-weight: bold;
}
登錄后復制
屬性選擇器
屬性選擇器可以選擇帶有指定屬性的元素，可以根據屬性的值進行更精確的選擇。屬性選擇器使用方括號[]來指定屬性名和屬性值。例如，選擇所有帶有target=_blank的鏈接：
a[target="_blank"] {
color: pink;
}
登錄后復制
以上是一些常用的CSS選擇器，但這只是冰山一角。掌握更多的選擇器語法將幫助我們更好地操作HTML元素，編寫出具有靈活性和可維護性的樣式表。
