CSS3選擇符是CSS3的一部分，用于選擇HTML文檔中的元素。它們可以根據元素的類型、屬性、狀態和位置等條件來選擇元素。
以下是一些常用的CSS3選擇符及其代碼示例：
元素選擇器（Element Selector）:
通過元素的名稱來選擇元素。
示例代碼：
p {
color: red;
}
登錄后復制
以上代碼會選擇所有的
元素，并將它們的顏色設置為紅色。
類選擇器（Class Selector）:
通過元素的 class 屬性來選擇元素。
示例代碼：
.highlight {
background-color: yellow;
}
登錄后復制
以上代碼會選擇所有帶有 “highlight” 類的元素，并將它們的背景顏色設置為黃色。
ID 選擇器（ID Selector）:
通過元素的 id 屬性來選擇元素。
示例代碼：
#main-title {
font-size: 24px;
}
登錄后復制
以上代碼會選擇具有 “main-title” id 的元素，并將其字體大小設置為 24 像素。
屬性選擇器（Attribute Selector）:
通過元素的屬性值來選擇元素。
示例代碼：
input[type="text"] {
border: 1px solid gray;
}
登錄后復制
以上代碼會選擇所有 type 屬性為 “text” 的 input 元素，并將它們的邊框設置為灰色。
偽類選擇器（Pseudo-class Selector）:
通過元素的特殊狀態來選擇元素，例如 :hover、:nth-child() 等。
示例代碼：
a:hover {
color: blue;
}
登錄后復制
以上代碼會選擇當鼠標懸停在鏈接上時的 元素，并將其顏色設置為藍色。
偽元素選擇器（Pseudo-element Selector）:
通過元素的特殊位置來選擇元素，例如 ::before、::after 等。
示例代碼：
p::before {
content: "Chapter: ";
font-weight: bold;
}
登錄后復制
以上代碼會在每個
元素的前面添加一個內容為 “Chapter: ” 的偽元素，并將其字體加粗。
這只是CSS3選擇符的一小部分，還有許多其他選擇符可用于更具體的選擇。通過合理使用這些選擇符，可以更精確地選擇HTML文檔中的元素并對其進行樣式設置。
