CSS是一種樣式表語言，它可以讓我們對網頁進行格式化和樣式化。在CSS中，我們可以選擇并控制HTML中的不同元素。今天我們將學習如何用CSS選擇和控制HTML文檔中的前四個li元素。

/* 選擇和控制HTML文檔中前四個li元素 */
li:nth-of-type(-n+4) {
/* CSS屬性和值 */
}

上面的CSS代碼將選擇HTML文檔中的第一個到第四個li元素。下面讓我們逐一分析這段代碼：

• li：選擇器選擇了HTML文檔中所有的li元素。
• :nth-of-type(-n+4)：偽類選擇器選擇了前四個li元素。
• -n+4：這是一個表達式，它表示從第一個到第四個元素。-n表示所有選項，+4表示在第四個元素之后停止。

如果我們想改變這些元素的顏色，可以添加以下代碼：

/* 選擇和控制HTML文檔中前四個li元素 */
li:nth-of-type(-n+4) {
color: red;
}

在上面的代碼中，我們將元素的顏色更改為紅色。您可以嘗試使用不同的屬性和值，以滿足您的特定需求。

總之，利用CSS選擇和控制HTML文檔中的前四個li元素非常簡單。您只需要使用簡單的偽類選擇器來對頁面進行樣式化。