在前端開發中，CSS是不可或缺的一部分，通過CSS我們可以美化我們的頁面，使之更加生動有趣。在開發的過程中，我們有時候需要根據不同的狀態來動態地修改某些元素的樣式，這時候，CSS提供的動態修改樣式的方法就派上用場了。

CSS動態修改樣式有兩種方法，一種是通過JavaScript來修改樣式，另一種是使用CSS的偽類選擇器。下面我們來分別介紹這兩種方法。

//通過JavaScript來修改樣式
var elem = document.getElementById("myDiv");
elem.style.background = "#ccc";
elem.style.color = "#fff";
elem.style.margin = "10px";

上述代碼就是使用JavaScript來動態地修改樣式的代碼，可以通過JavaScript代碼來直接修改某個元素的樣式屬性。

/*使用偽類選擇器*/
a:hover{
color: red;
}

在這里，我們使用了CSS的偽類選擇器:hover。它的作用是當鼠標移動到a元素上時，修改a元素的字體顏色為red。同樣地，我們可以使用:active、:focus等偽類選擇器來完成動態修改樣式的效果。

總體來說，CSS動態修改樣式的方法較為簡單，能夠讓我們在開發中更加自如地掌握CSS的運用技巧。需要注意的是，在實際開發中，我們要避免濫用JavaScript來修改樣式，因為過多的JavaScript代碼對頁面的性能會產生一定的影響。