CSS3中常常用到選擇前三個元素，可以通過以下方法實現。

// 選擇前三個直接子元素
ul >li:nth-child(-n+3) {
color: red;
}
// 選擇class為list的前三個子元素
.list li:nth-child(-n+3) {
color: blue;
}
// 選擇前三個屬性值以a開頭的元素
[class^="a"]:nth-child(-n+3) {
color: green;
}

通過使用nth-child選擇器，我們可以方便地選擇前三個元素，可以用于制作諸如輪播圖等效果。