=================================================================
Safariの「rules.cssText」問題
=================================================================
以下の問題はSafariのみで起きる。(webkit,FFでは問題なし)

問題が見つかったきっかけは、Safariでbootstrapのglyphiconが
消えてしまうことである。
-------------------------------------------
.glyphicon-shopping-cart::before { content: ""; }
-------------------------------------------
さらに調べて見ると、contentが日本語の時でも起きるのである。
原因は、CSSをTextの形で<style>に挿入した後、
rules[i].cssTextでCSS Ruleを一つ一つ読み込んだ時に
おきる問題と関係している。
-------------------------------------------
//@@ copy cssRules from el_1 to el_2
	var rules=el_1.sheet.cssRules;
	var sheet=el_2.sheet;
	for(var i=0;i<rules.length;i++){
		sheet.insertRule(
			rules[i].cssText,
			sheet.cssRules.length);
console.log(rules[i].cssText);
	}
-------------------------------------------

次のようなRuleは...
----------------------------------
.test0a::before {
	content : 'あいうえお';
}
----------------------------------
quoteがなくなって、以下のようになってしまう。
----------------------------------
.test0a::before {
	content : あいうえお;
}
----------------------------------
これをさらに別のスタイルに挿入しても当然動作しない。

最初の文字がアルファベットでないストリングは、
勝手にquoteがなくなってしまうようである。
以下のように文字が'abcdefg'なら、quoteが
消えることはない。
----------------------------------
.test0a::before {
	content : 'abcdefg';
}
----------------------------------
また、次のように頭にスペースをいれても動く。
----------------------------------
.test0a::before {
	content : ' あいうえお';
}
----------------------------------
どうも、ストリングの最初の文字で、
quoteが消えるかどうか決まるようである。

次のようなケースを考えてみよう。
----------------------------------
.test0a::before {
	content : "abc" "あいうえお" "xyz";
}
----------------------------------
これは以下のようになってしまう。
----------------------------------
.test0a::before {
	content : "abc" あいうえお "xyz";
}
----------------------------------
この"あいうえお"の部分だけをregexでマッチして、
quoteを付け加えるのは、至難の業である。
これは簡単には修正できない。

「CSSをTextで一つの<style>にいれて、それを
別の<style>へrules[i].cssTextでコピーする
戦略」自体を見直す必要がでてきた。

やはり、CSSは、前もってruleごとに分けておいて、
それを一つ一つ、sheet.insertRule()で
入れるしかないだろう。