如何使用javascript設置SASS變量

-1

我想在CSS中使用sass css設置全局變量。必須使用javascript設置全局變量。如何使用JavaScript或任何其他方法設置變量我已經使用root css，但不支持IE瀏覽器。以下是我的CSS如何使用javascript設置SASS變量

$mainbgimage: image url; 
.page-title { 
padding: 0; 
min-height: 200px; 
background-image: $mainbgimage; 
}

來源

2017-07-26 Balu Khengat

這是不可能從JS –

設置SASS的可變股票代碼，以便我們可以告訴你一個你想達到的解決方法，因爲你所要求的是不可能的。 –

你可以用javascript動態設置CSS，但scss不能。 SCSS需要一個轉譯器將其轉換爲CSS。 – Pommesloch

SCSS和等預處理語言。他們帶來的功能（如變量），使其更容易開發和維護您的風格。但是，這些功能不受vanilla CSS支持，您需要運行預處理器（SASS）來生成瀏覽器支持的CSS。

由此產生的CSS沒有變量，因此您不能直接更改它們與客戶端JavaScript。

但幸運的是，您有很多動態樣式的選項。我總是建議切換，像這樣的CSS類：

document.getElementById('elementId').classList.add('specialStyleClass'); 

/* ... */ 

document.getElementById('elementId').classList.remove('specialStyleClass');

你甚至可以從JavaScript設置元素的樣式直接：

document.getElementById('elementId').style.color = 'red';

來源

2017-07-26 08:35:46 lupz

如何使用javascript設置SASS變量

回答

相關問題