-1

我在 CSS 文件中定义颜色

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

现在我想从 javascript JS 文件中读取这些颜色

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

我的颜色为空 你能解释一下我做错了什么吗？

颜色的定义是否正确？

4

2 回答 2

4

CSS 会丢弃它无法识别的规则和值，因此您不能在样式表中存储任意数据。

于 2012-08-01T10:21:33.697 回答
3

问题是您的颜色声明在语法上是错误的。您正在尝试声明一些看起来像颜色数组的东西，这在 CSS 中不受支持。浏览器将忽略它无法理解的规则，因此不会应用颜色。

由于它没有被应用，jQuery 无法找到该元素的颜色属性的值，因此返回 null。

如果您修复颜色声明，则仅提供一种颜色：

.level1 {
    color: #7FFF00;
}

您的 jQuery 代码可以正常工作。

于 2012-08-01T10:22:49.323 回答