CSS 是一種用于網(wǎng)頁(yè)樣式設(shè)計(jì)的語(yǔ)言，它可以用來(lái)改變網(wǎng)頁(yè)中元素的樣式，其中包括字體顏色、背景顏色、大小等。特別是在列表元素中，我們經(jīng)常需要把其中的 li 元素變色以便于區(qū)分。下面我們來(lái)看看如何用 CSS 實(shí)現(xiàn)這個(gè)功能。

/* 先定義一個(gè)帶有顏色的類(lèi)來(lái)設(shè)置字體顏色 */
.colorful {
color: #F00; /* 這里的 #F00 是紅色，你可以根據(jù)需要自定義顏色 */
}
/* 對(duì)于 li 元素，可以使用選擇器來(lái)選中它 */
li {
/* 調(diào)用前面定義的 .colorful 類(lèi) */
.colorful;
}

以上代碼中，我們首先定義了一個(gè)類(lèi) .colorful 來(lái)設(shè)置字體顏色，然后使用 li 選擇器來(lái)選中所有的 li 元素，調(diào)用 .colorful 類(lèi)即可讓字體變色。當(dāng)然你也可以根據(jù)自己的需求來(lái)自定義顏色或樣式。

那么如何把這段代碼添加到網(wǎng)頁(yè)中呢？有多種方法，例如：

/* 在網(wǎng)頁(yè)頭部添加一個(gè)樣式塊 *//* 或者使用外部樣式表 */...
/* 在 style.css 文件中添加以下代碼 */
.colorful {
color: #F00;
}
li {
.colorful;
}

以上就是關(guān)于如何用 CSS 把 li 字體變色的方法和代碼，希望對(duì)你有所幫助！