CSS3選擇器是CSS3的新特性之一，讓網頁開發者有更多的選擇并提高了樣式的靈活性。CSS3選擇器基于CSS2，新增了很多選擇器，讓開發者可以更方便地獲取和控制元素。

CSS3選擇器分為簡單選擇器、組合選擇器和屬性選擇器三類。

/* 簡單選擇器 */
/* 標簽選擇器 */
p {
font-size: 16px;
}
/* ID選擇器 */
#header {
background-color: #FFC0CB;
}
/* 類選擇器 */
.intro {
color: #666;
}
/* 通配符選擇器 */
* {
margin: 0;
padding: 0;
}
/* 屬性選擇器 */
a[href^="https"] {
color: #00F;
}

組合選擇器可以把多個選擇器組合起來使用，實現更精準的選擇。

/* 后代選擇器 */
/* 選中所有article中的h2元素 */
article h2 {
font-size: 20px;
}
/* 子選擇器 */
/* 選中article下的直接子元素p */
article >p {
line-height: 1.5;
}
/* 相鄰兄弟選擇器 */
/* 選中span后緊跟的p元素 */
span + p{
color: #F00;
}
/* 通用兄弟選擇器 */
/* 選中span后的所有p元素 */
span ~ p{
font-style: italic;
}

屬性選擇器可以根據元素的屬性來選擇元素。

/* 后綴匹配選擇器 */
/* 選中class屬性以button結尾的元素 */
[class$="button"] {
background-color: #F00;
}
/* 子串匹配選擇器 */
/* 選中class屬性包含column的元素 */
[class*="column"] {
float: left;
}
/* 前綴匹配選擇器 */
/* 選中href屬性以https開頭的元素 */
a[href^="https"] {
color: #00F;
}

CSS3選擇器可以幫助我們更精細地選擇元素，更好地實現網頁的樣式效果。