需要有動態的CSS樣式

我有一個用於創建網站的plataform;需要有動態的CSS樣式

客戶可以通過更改字體，顏色等多種定義來定製自己的網站外觀;

的應用是基於：Python和陣營

目前我有這個dynamic.css文件是這樣的：

.highlights { 
    background-color: {{ request.personalize.color.highlights }}; 
}

但是它是相當奔忙。

我該如何實現更容易使用的東西？就像一個dynamic_variables.scss之類的東西，在那裏我可以設置：

$highlight: {{ request.personalize.color.highlights }}

，然後使用這個對我的樣式表：

.highlights { 
    color: $highlight; 
}

在此先感謝。

你是什麼意思動態？這些數據來自數據庫？ – jack

如果這是服務器端，那麼使用像sass這樣的預編譯風格語言會很慢。你必須有一個從你的數據庫中讀取數據的服務，替換你的鬍鬚代碼{{myVar}}，然後在請求*時全部運行*，除非你想預編譯一個css表單每個用戶，這似乎是一個壞主意。我建議做這種客戶端的動態樣式。 – SethWhite

@jack是的，數據來自DB。 –

-1

您可以在客戶端使用JavaScript創建樣式表。基本上，您將創建一個Style元素，使用CSS項目填充它，並將其添加到文檔頭部。這裏有一篇文章介紹了一些編碼方法：How to dynamically create CSS class in JavaScript and apply?

你也可以建立樣式塊服務器端並將其添加到文檔頭部。

2017-09-25 16:08:25 johnnydanger

你提出的建議不能解決我的問題，並且只是替代方法（更糟糕）去做我已經擁有的「dynamic.css」文件。 –

回答