Javascript 有没有办法在CSS样式声明或CSS规则中存储数据？

有没有办法在CSS样式声明中存储数据？在我的测试中，它解析出自定义样式名称

例如：

<style>
.MyElementData {
   font-family: "Arial";
   firstName: "John";
}
</style>

var css = '.MyElementData { firstName: "John"; font-family: "Arial";}';
var firstStylesheet = document.styleSheets[0];
var rules = firstStylesheet.cssRules;

// insert rule and get it's value
// returns ".MyElementData { font-family:"Arial" } ";
rules[firstStylesheet.insertRule(css)].cssText;

.MyElementData{
字体系列：“Arial”；
名字：“约翰”；
}
var css='.MyElementData{firstName:“John”；font-family:“Arial”}；
var firstststylesheet=document.styleSheets[0]；
var rules=firstststylesheet.cssRules；
//插入规则并获取其值
//返回“.MyElementData{font-family:“Arial”}”；
规则[firstststylesheet.insertRule（css）].cssText；

背景信息：

我需要一种简单而不引人注目地在我的页面上存储基本的原始数据的方法

• 使用Javascript/JSON似乎太麻烦了
• 嵌入XML似乎有些过头了
• 添加标记属性可能会起作用，但会增加混乱

因此，由于设置CSS已经是我工作流程的一部分，因此它似乎是最简单的方法。我知道它是用于页面的样式和布局，但它实际上是一种存储数据的方法。这些数据恰好与样式和布局有关，但对我来说，没有理由不能存储其他数据。事实上，格式几乎与JSON相同

但现在看来，我的自定义样式，我的名称-值对，并没有保存

---

如果完全不可能在CSS中存储数据，那么回答是可以的。我可能会在元素标记上使用

data attributeName

。我仍然想知道这是否可能，以及是否有其他人已经给出了解决方法

不确定是否真的了解你在寻找什么。 是那样的吗

var infoFromCSS=getComputedStyle（document.body）.getPropertyValue（'--preferred_flavor'）；
警报（infoFromCSS）
：根目录{
--首选口味：草莓；
}
不确定是否真正理解您要寻找的内容。
是那样的吗


var infoFromCSS=getComputedStyle（document.body）.getPropertyValue（'--preferred_flavor'）；
警报（infoFromCSS）
：根目录{
--首选口味：草莓；
}
使用javascript或json要比使用javascript或json简单得多，但是如果你能让它工作起来，我已经在一边定义了CSS值，然后在另一边用javascript解析它们。对我来说，每个地方都有一行代码来传递值。但是要使用JSON或其他选项之一，我必须重写应用程序的一部分。使用javascript或JSON比使用javascript或JSON要简单得多，但是如果你能让它工作的话，我已经在一边定义了CSS值，然后在另一边用javascript解析它们。对我来说，每个地方都有一行代码来传递值。但是要使用JSON或其他选项之一，我必须重写应用程序的一部分。为什么
getPropertyValue（）
可以工作，而
getComputedStyle（document.body）[“--preferred\u flavor”]
？双破折号在工作中是否有一定的意义？是的，双破折号用于css变量==>@1.21gigawatts更准确地说，在这种情况下，它们是自定义属性为什么
getPropertyValue（）
起作用，而不是
getComputedStyle（document.body）[“--首选风格”]
？双破折号在工作中是否有一定的意义？是的，双破折号用于css变量==>@1.21gigawatts更准确地说，在本例中，它们是自定义属性