在前端開發(fā)中，我們經(jīng)常需要為HTML元素添加CSS類名，以便對其進(jìn)行樣式控制。添加CSS類名有多種方法，下面將一一介紹。

// 1. 直接在HTML標(biāo)簽中添加class屬性，多個(gè)class名用空格隔開
<div class="box blue"></div>
// 2. 使用JavaScript動(dòng)態(tài)添加class名
// 獲取元素
const div = document.querySelector('div');
// 添加class名
div.classList.add('blue');
// 3. 使用CSS選擇器給一組元素添加class名
// 所有class為box的div元素都添加blue的class名
.box {
background-color: red;
}
.box.blue {
background-color: blue;
}
// 4. 使用CSS偽類添加class名，可用于只想給部分元素添加class名的情況
// 所有class為box的第一個(gè)子元素添加blue的class名
.box:first-child {
background-color: blue;
}

無論使用哪一種方法添加class名，都應(yīng)該遵循代碼規(guī)范，提高代碼的可讀性和可維護(hù)性。