CSS3的選擇器有很多種，用于選擇和定位HTML元素。下面將介紹一些常用的CSS3選擇器，并提供相應的代碼示例。
元素選擇器（Element Selector）:
元素選擇器是最基本也是最常用的選擇器，用于選擇HTML文檔中的元素。下面是一個使用元素選擇器的代碼示例：
p {
color: red;
}
登錄后復制
以上代碼表示選擇所有的
元素并將它們的文字顏色設為紅色。
類選擇器（Class Selector）:
類選擇器用于選擇具有相同類名的元素。需要在HTML元素的class屬性中加上相應的類名，并以點號”.”開頭。下面是一個使用類選擇器的代碼示例：
.highlight {
background-color: yellow;
}
登錄后復制
以上代碼表示選擇所有具有類名為”highlight”的元素，并將它們的背景顏色設為黃色。
ID選擇器（ID Selector）:
ID選擇器用于選擇具有相同id的元素。需要在HTML元素的id屬性中加上相應的id，并以井號”#”開頭。下面是一個使用ID選擇器的代碼示例：
#logo {
width: 200px;
height: 100px;
}
登錄后復制
以上代碼表示選擇具有id為”logo”的元素，并設置它的寬度為200px、高度為100px。
屬性選擇器（Attribute Selector）:
屬性選擇器用于選擇具有特定屬性的元素。可以根據屬性的存在、值等進行選擇。下面是一些常見的屬性選擇器的代碼示例：
選擇具有指定屬性的元素：
input[type="text"] {
border: 1px solid black;
}
登錄后復制
以上代碼表示選擇所有具有type屬性為”text”的元素，并將它們的邊框設為1px黑色實線。
選擇具有指定屬性值開頭、結尾或包含某個字符串的元素：
a[href^="https"] {
color: blue;
}
登錄后復制
以上代碼表示選擇所有具有href屬性值以”https”開頭的元素，并將它們的文字顏色設為藍色。
偽類選擇器（Pseudo-class Selector）:
偽類選擇器用于選擇元素的特定狀態或位置。下面是一些常用的偽類選擇器的代碼示例：
選擇第一個子元素：
ul li:first-child {
font-weight: bold;
}
登錄后復制
以上代碼表示選擇所有元素的第一個子元素，并將它們的字體加粗。
選擇鼠標懸停的元素：
a:hover {
text-decoration: underline;
}
登錄后復制
以上代碼表示選擇所有鼠標懸停在元素上的情況，并在它們的文字下方添加下劃線。
以上是CSS3中一些常用的選擇器及代碼示例。選擇合適的選擇器能夠方便地選擇和修改HTML元素的樣式，提高網頁設計的效果與靈活性。
