動的CSSスタイルが必要です

私はウェブサイトを作成するためのプラタフォームを持っています。動的CSSスタイルが必要です

クライアントは、フォント、色などの多くの定義を変更することによって自分のウェブサイトの外観をカスタマイズできます。現在、私はこのようなこのdynamic.cssファイル持っているPythonと

に反応：

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

をしかし、それはかなりのsh * tのだ

アプリケーションが基づいています。

どうすれば使いやすくすることができますか？

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

をして、私のスタイルシートでこれを使用します：私は設定できるようdynamic_variables.scssか何かのようなもの、事前に

.highlights { 
    color: $highlight; 
}

感謝。

出典

2017-09-25 Renan Souza

動的で正確にはどういう意味ですか？そのデータはDBから来ますか？ – jack

これがサーバー側の場合、sassのようなコンパイル済みのスタイル言語では処理が遅くなります。あなたはあなたのDBから読み込み、あなたの口ひげコード{{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"ファイルですでに行っていることをやり遂げるためのもう一つの方法です。 –

動的CSSスタイルが必要です

答えて

関連する問題