在CSS中，您可以選擇元素的前四個。這聽起來非常簡單，但是有許多方法可以實現這個過程。下面我們將看一些實現這個目標的常用語法。

1. :nth-child(-n+4)
目標：選擇前四個兒子元素。
示例代碼：
列表1
列表2
列表3
列表4
列表5
列表6

上面的代碼將選擇前四個子元素，并將它們的文本顏色設置為紅色。

2. :first-of-type
目標：選擇前四個第一個類型的元素。
示例代碼：
段落1
段落2
div1
段落3
div2
段落4
span1

上面的代碼將選擇前四個第一個類型的元素，并將它們的文本顏色設置為紅色。在這個示例中，紅色文本將分別應用于第一個段落、第一個div、第二個段落和第一個span。

3. :not(:last-of-type:nth-last-child(-n+4))
目標：選擇前四個類型不是最后一個類型的元素。
示例代碼：
列表1
列表2
列表3
列表4
列表5
列表6

上面的代碼將選擇前四個類型不是最后一個類型的元素，并將它們的文本顏色設置為紅色。在這個示例中，紅色文本將分別應用于前四個li（即：列表1、列表2、列表3和列表4）。

4. [class^="item-"]:nth-child(-n+4)
目標：選擇前四個class屬性以“item-”開頭的元素。
示例代碼：
列表1
列表2
列表3
列表4
列表5
列表6

上面的代碼將選擇前四個class屬性以“item-”開頭的元素，并將它們的文本顏色設置為紅色。在這個示例中，紅色文本將分別應用于前四個li（即：列表1、列表2、列表3和列表4）。