HTML是一門標記語言，通過標記來描述頁面的結(jié)構(gòu)和內(nèi)容。在一個頁面中，有時需要動態(tài)地設(shè)置不同元素的樣式，這時我們可以使用CSS來實現(xiàn)。CSS中的class屬性可以給特定的元素設(shè)置樣式，如下面這個例子：

.my-class {
color: red;
}

上面的代碼中，我們使用“.my-class”來定義一個class選擇器，并設(shè)置了它的文字顏色為紅色。在HTML中，我們可以使用這個class來給特定的元素應(yīng)用這個樣式：

<p class="my-class">這是我的一段文字</p>

上面的代碼中，我們給一個p標簽應(yīng)用了“my-class”的class樣式，此時p標簽中的文字顏色就會被設(shè)置為紅色。

除了靜態(tài)地設(shè)置class屬性外，我們還可以使用JavaScript來動態(tài)地添加和刪除class屬性。在JavaScript中，我們可以使用Element的classList屬性來對一個元素的class進行操作，如下面這個例子：

<button id="my-button">點擊我</button>
<p id="my-paragraph">這是我的一段文本</p>
<script>
var button = document.getElementById("my-button");
var paragraph = document.getElementById("my-paragraph");
button.onclick = function() {
paragraph.classList.toggle("my-class");
}
</script>

上面的代碼中，我們首先使用document.getElementById()方法獲取了一個button元素和一個p元素，然后在button元素的點擊事件處理程序中，使用了paragraph.classList.toggle()方法給p元素動態(tài)地添加或刪除了“my-class”的class屬性。這樣，每次點擊按鈕，p元素的文字顏色都會動態(tài)地切換。

在實際開發(fā)中，動態(tài)設(shè)置class屬性經(jīng)常被用來實現(xiàn)用戶交互效果。比如，當用戶點擊一個按鈕時，會動態(tài)地顯示或隱藏某個區(qū)域；或者當用戶鼠標懸停在一個鏈接上時，會動態(tài)地改變鏈接的樣式等等。通過動態(tài)設(shè)置class屬性，我們可以輕松地實現(xiàn)這些效果。