在Web開發中，設置CSS為全局變量是一種非常常見的做法。它可以讓我們方便地使用相同的樣式定義在多處不同的地方。而在JS中設置CSS為全局變量也是非常簡單的，下面我們就來看一下實現的方法。

// 讓CSS為全局變量
const root = document.documentElement;
// 設置CSS
root.style.setProperty('--primary-color', 'blue');

以上代碼的含義是將根元素（即HTML文檔的根節點）賦值給root變量，并通過root變量設置CSS。CSS變量的定義以--開頭，后面跟著變量名稱和屬性值。在上面的代碼中，我們設置了一個名為--primary-color的變量，并賦值為藍色。

如果我們想要在另一個地方使用這個變量，可以通過以下代碼實現：

// 使用全局變量
const element = document.querySelector('.title');
element.style.color = 'var(--primary-color)';

以上代碼的含義是通過查詢器選擇到文檔中的一個類為title的元素，并將其顏色設為之前定義的--primary-color變量。

通過上述的代碼，我們可以輕松地設置CSS為全局變量，并且在不同的地方使用。這樣做不僅能夠提高代碼的復用性，還能夠使代碼更加簡潔易懂。