在前端開發中，經常需要通過修改CSS來改變網頁元素的樣式。在JavaScript中，可以使用document對象的getElementById方法來獲取單個元素，然后通過修改元素的style屬性來修改元素的CSS。

但是，當需要同時修改多個類的CSS時，我們需要遍歷所有需要修改的元素，逐個修改它們的樣式。以下是一段JavaScript代碼示例，可以實現同時修改多個具有相同類名的元素的樣式：

var elements = document.getElementsByClassName("example-class");
for (var i = 0; i< elements.length; i++) {
elements[i].style.color = "red";
elements[i].style.fontWeight = "bold";
}

以上代碼首先使用getElementsByClassName方法獲取所有具有example-class類的元素，并將它們存儲在名為elements的變量中。之后，通過一個for循環遍歷所有的元素，并將它們的color和fontWeight屬性都設置為相應的值。

值得注意的是，當需要修改多個類的CSS時，每個類可能需要不同的CSS樣式。如果不同的類需要不同的樣式，我們需要為每個類編寫單獨的代碼。以下是一段示例代碼：

var elements1 = document.getElementsByClassName("class1");
for (var i = 0; i< elements1.length; i++) {
elements1[i].style.color = "red";
}
var elements2 = document.getElementsByClassName("class2");
for (var i = 0; i< elements2.length; i++) {
elements2[i].style.fontWeight = "bold";
}

以上代碼中，我們分別獲取所有具有class1和class2類的元素，并分別修改它們的樣式。這種方法雖然繁瑣，但可以準確地為每個類設置不同的樣式。