如何动态修改CSS的样式？

### 回答1：
可以使用JavaScript来动态修改CSS的样式。

首先，用document.querySelector()或document.getElementById()等方法获取要修改样式的元素。

然后，使用element.style.property = value来修改样式属性的值，其中element是获取到的元素，property是要修改的样式属性，value是该属性的新值。例如，要修改元素的背景色为红色，可以这样写：

var element = document.querySelector('.my-element');
element.style.backgroundColor = 'red';

另外，也可以使用element.setAttribute('style', 'property: value;')来修改元素的style属性，其中property和value的含义同上。例如：

var element = document.getElementById('my-element');
element.setAttribute('style', 'background-color: red;');

### 回答2：
动态修改CSS样式有多种方式。一种常用的方式是使用JavaScript来修改元素的样式。通过JavaScript可以通过获取元素的引用，然后使用该引用来修改元素的样式。可以使用元素的style属性来直接修改元素的内联样式，也可以使用classList属性来修改元素的类名。通过修改类名，可以通过预先定义好的CSS样式来改变元素的样式。

举例来说，假设我们有一个id为"myElement"的元素，它的颜色是蓝色，现在我们想将它的颜色改为红色。我们可以使用以下JavaScript代码来实现：

var element = document.getElementById("myElement");
element.style.color = "red";

以上代码通过getElementById方法获取到id为"myElement"的元素，并将其引用赋值给变量element。然后，通过设置元素的style.color属性为"red"，将元素的颜色修改为红色。

另一种方式是使用classList属性来添加、移除或切换元素的类名。我们可以先在CSS中定义一个名为"red-color"的类，该类的样式是将颜色设置为红色。然后，通过JavaScript可以将该类名添加到或从元素的classList中来改变元素的样式。

var element = document.getElementById("myElement");
element.classList.add("red-color");

以上代码使用classList.add方法将名为"red-color"的类名添加到元素的classList中，从而改变元素的样式为红色。

总结起来，动态修改CSS样式可以通过JavaScript来实现，通过直接修改元素的style属性或通过classList来修改元素的类名来改变元素的样式。