使用javascript/Jquery将一些临时代码添加到css文件的末尾

我想在外部css文件的末尾添加一些临时css代码，或者使用JavaScript或jQuery对其进行修改，假设我有：

//mystyle.css
p{color:red}

当用户通过javascript进行交互并将颜色更改为绿色时，我希望mystyle.css文件也可以更改，或者动态创建temp.css文件

结果:

//temp.css or newstyle.css
//(not saved/stored on host - just a temporary file in the users browser)
p{color:"red"} 
p{color:"green"} //this code should add by javascript in mystyle.css and remove red or not Never mind bcs browser auto use green insted of red

注意1：我不想使用服务器端进程更改原始文件-我想在用户刷新页面后删除新样式，我不想使用内联样式，因为我需要复制新样式代码供个人使用

---

注2：我不希望通过设置新样式来覆盖代码，我希望在代码之前进行编辑（在Css文件中红色变为绿色，或者在mystyle.Css中在它们下面添加新的Css代码）

出于安全原因，jQuery/JavaScript或其他客户端语言无权写入文件（想想如果用户通过控制台运行命令会发生什么…）。 您只能使用服务器端语言编写文件

但是，您可以在jQuery中验证css规则

$("p").css('color','green');

---

PS：在您的示例中有一个错误。您必须使用“：”而不是“=”。

这是可能的，但您的操作方式不正确。您最好将

颜色：绿色

应用于单独类中的元素，然后使用JSi添加该类。我只需要在文件中添加新样式即可访问它。我使用window.getcomputedstyle（）但它返回额外的数据和默认值，而这在技术上是可能的（使用一些服务器端逻辑），这确实是修改CSS样式的最糟糕的方式。你能更清楚地描述你想要创建的行为吗？因为我可以100%向你保证有更好的方法。我的项目让用户通过jqueryui设计实时创建布局。它只添加一些p div span并设置样式宽度显示和..Th我不想用我的服务器来做这件事，我想在用户浏览器甚至是Offlne模式中做这件事，在html文件中添加内联样式，我想存储在外部，以便轻松访问和复制。正如他所说，它不能写入文件。如果你想存储值，你可以使用数据库并从JavaScript到更新数据库的服务器端代码。