Javascript 如何从CSS中获取颜色值

我在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");

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

---

颜色的定义正确吗？

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

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

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

如果修复颜色声明，只提供单一颜色：

.level1 {
    color: #7FFF00;
}

---

你的jQuery代码可以很好地工作。

我是不是很愚蠢，还是这个css都错了？不能在css中放置数组，至少不能为

颜色属性设置数组我是css中的新成员我需要如何定义css？开始可以只定义一种颜色吗？你应该只定义一种颜色color@user1365697很抱歉我没有删除颜色值周围的引号。现在再试一次！当我调用$（“.orderLevel1”）时，我得到了[]@user1365697，如果您仅调用
$（“.orderLevel1”）
，您将返回与该选择器匹配的元素数组。如果没有与该选择器匹配的元素（具有类
orderLevel1
），将返回一个空数组。这里似乎就是这样。不要用CSS存储数据。CSS代表风格。这四种颜色是什么意思？一个元素只能有一种颜色。