CSS選擇器是web開發中必不可少的一部分，而選擇前四個元素是非常常見的需求，下面就介紹一下如何使用CSS選擇器來實現該功能。

/*選擇前四個元素的方式*/
/*1.使用：nth-child(1)至:nth-child(4)選擇器*/
p:nth-child(1),
p:nth-child(2),
p:nth-child(3),
p:nth-child(4){
/* 改變前四個元素的樣式 */
}
/*2.使用:first-child至:nth-child(4)選擇器*/
p:first-child,
p:nth-child(2),
p:nth-child(3),
p:nth-child(4){
/* 改變前四個元素的樣式 */
}
/*3.使用:nth-of-type(1)至:nth-of-type(4)選擇器*/
p:nth-of-type(1),
p:nth-of-type(2),
p:nth-of-type(3),
p:nth-of-type(4){
/* 改變前四個元素的樣式 */
}

以上便是選擇前四個元素的三種方式，可以根據實際需求來選擇適合的方法，同時也可以學習到CSS選擇器的使用方法。希望本文能對大家的學習有所幫助。