-1

CSSファイルで色を定義します

 .level1 {
color: ["#7FFF00", "#00CA9A", "#2CB371", "#124B21","#006400"];
}
  .level2 {
color: ["#7FFF01", "#00FA8A", "#1CB371", "#328B22","#006400"];
 }

今、私はjavascriptJSファイルからそれらの色を読みたいです

   var color = $(".level1").css("color");
   var color2 = $(".level2").css("color");

そして私は色がヌルになりました私が間違ったことを説明してもらえますか？

色の定義は正しいですか？

4

2 に答える 2

4

CSSは認識しないルールと値を削除するため、スタイルシートに任意のデータを格納することはできません。

于 2012-08-01T10:21:33.697 に答える
3

問題は、色の宣言が構文的に間違っていることです。CSSでサポートされていない色の配列のように見えるものを宣言しようとしています。ブラウザは理解できないルールを無視するため、色は適用されません。

適用されないため、jQueryはその要素のcolor-propertyの値を見つけることができず、nullを返します。

色の宣言を修正して、単一の色のみを提供する場合：

.level1 {
    color: #7FFF00;
}

jQueryコードは問題なく機能します。

于 2012-08-01T10:22:49.323 に答える