在前端開(kāi)發(fā)中，我們經(jīng)常會(huì)用到 JavaScript 來(lái)操作 DOM，但有時(shí)候我們想要修改樣式，卻又不想過(guò)多地操作 DOM，這時(shí)候 CSS 就派上用場(chǎng)了。

通過(guò) CSS，我們可以控制元素的樣式，包括文字、顏色、背景等。同時(shí)，CSS 也提供了控制元素的偽類和偽元素，例如 :hover 和 ::before。

在 CSS 中，我們也可以使用屬性選擇器來(lái)選中一些特定的元素。例如，如果我們有這樣的 HTML 代碼：

<ul>
<li>JavaScript</li>
<li>CSS</li>
<li>HTML</li>
</ul>

我們可以使用以下的 CSS 代碼來(lái)控制 JavaScript 這個(gè)元素：

li:first-child {
font-weight: bold;
}

接下來(lái)我們來(lái)看一下如何使用 CSS 控制 JavaScript。

首先，我們需要在 JavaScript 中添加一個(gè) class 名稱，例如：

const element = document.querySelector('#my-element');
element.classList.add('red');

接著，在 CSS 中定義這個(gè) class：

.red {
color: red;
}

當(dāng) JavaScript 添加了這個(gè) class 后，元素就會(huì)變成紅色。

我們也可以使用 :hover 偽類來(lái)實(shí)現(xiàn)鼠標(biāo)懸浮時(shí)修改元素樣式的效果：

.red:hover {
color: blue;
}

當(dāng)鼠標(biāo)移動(dòng)到這個(gè)元素上時(shí)，文字顏色就會(huì)變成藍(lán)色。

總結(jié)一下，通過(guò) CSS 控制 JavaScript 可以讓我們更靈活地修改元素樣式，同時(shí)也可以讓代碼更加簡(jiǎn)潔易讀。