javascript - JavaScriptとCSSの統合

Question

CSSコード内でjavascript変数を使用できるかどうか疑問に思いました。このようなものを実装したい

p{
font-size: size;
}

ここで、変数サイズの値は次のように定義されます。

var size=document.getElementById("first").fontSize;

これらの2つのコードは同じファイルに書き込まれ、「somefile.css」として保存されます。これは、javascriptをサポートしていない、または無効にしているブラウザで使用すると非常に便利です。

score 1 · Accepted Answer

いいえ、それはできません。CSSには変数がありません。

ただし、JavaScriptからスタイルを変更できます。

var items = document.querySelectorAll('.someClass');
for (var i=0; i<items.length; i++) {items[i].style.font = "100px Arial"};

score 0 · Accepted Answer

簡単な答えはノーです。ただし、サーバー側でphpまたはその他の好きな言語を使用してこれらのことを行うことができます。ファイルの先頭で、mimeタイプをcssに設定する必要があります。javascriptが実行されない場合は、ページリダイレクトを使用する必要があります。

score 0 · Accepted Answer

CSSに変数を埋め込むことはできません。スクリプト言語ではありません。

IEはこれを独自にサポートしていますが、「仕様」の一部ではありません。

score 0 · Accepted Answer

待って待って待って、あなたは「[それ]をサポートしていないブラウザで使用するために」JavaScriptを実装しようとしていますか？ここで何を求めているのか考えてみてください。

フォントサイズを設定するだけの何が問題になっていますか？一部の人々はem、テキストサイズに比例して要素をスケーリングするために単位を使用します。

score 0 · Accepted Answer

0

この種の機能が必要な場合は、LESSまたはSASSを使用する必要があります

于 2012-09-21T17:51:28.447 に答える

score 0 · Accepted Answer

あなたはLESS/SASSをチェックするかもしれません。

6 に答える 6