在前端開發(fā)中，我們經(jīng)常需要通過JavaScript動態(tài)生成樣式。這種需求可以通過JS生成CSS來實現(xiàn)。

首先，我們需要創(chuàng)建一個style標(biāo)簽并將其添加到head標(biāo)簽中。

var styleTag = document.createElement('style');
document.head.appendChild(styleTag);

接著，我們可以通過JavaScript來編寫CSS樣式，并將其賦給style標(biāo)簽的innerHTML屬性。

styleTag.innerHTML = `
.container {
width: 500px;
height: 300px;
background-color: #eee;
}
.title {
font-size: 20px;
color: red;
}
`;

最后，我們可以通過JavaScript來生成HTML元素并為其添加類名，從而調(diào)用我們剛剛生成的CSS樣式。

var container = document.createElement('div');
container.classList.add('container');
var title = document.createElement('h1');
title.classList.add('title');
title.textContent = 'Hello World!';
container.appendChild(title);
document.body.appendChild(container);

通過以上代碼，我們可以動態(tài)生成一個包含標(biāo)題的容器，并應(yīng)用我們通過JS生成的CSS樣式。