CSS獲取JS中變量是一種常見的前端編程技巧。通過這種方式，我們可以將js中的數值、文字等數據渲染到CSS中，實現更加靈活和動態的頁面展示。下面我們來看看如何實現。

// JS代碼
var color = "blue";
var fontSize = "24px";
var className = "content";
// 將變量賦值給CSS屬性
document.styleSheets[0].addRule("." + className, "color: " + color + "; font-size: " + fontSize + ";");

以上代碼首先定義了三個變量：顏色、字體大小、類名。接著我們使用了document.styleSheets來獲取頁面上的樣式表，并使用addRule方法將變量賦值給對應的CSS屬性。這里用了字符串拼接的方式將變量的值包裝成了CSS屬性值的格式。

需要注意的是，我們使用addRule來添加CSS規則，需要傳入兩個參數：選擇器和CSS屬性，它們都是字符串類型。其中，選擇器使用類名的形式，與定義的className對應。CSS屬性使用字符串拼接的方式將變量名和變量值結合成屬性值的格式。

這樣，我們就成功將JS中的變量應用到了CSS中，可以讓頁面中的樣式更加豐富和動態。