使用jQuery+；同时发送css类参数的自定义值

我不知道这是否可行，但我会尽力解释我需要什么

我想做这样的事

带有未定义变量X、Y、Z的CSS类：

.r {border-radius:Xpx;-webkit-border-radius:Ypx;-moz-border-radius:Zpx;}

然后在正文中：

<div id='test'></div>

正如你看到的，我有一个CSS类，但没有数字。只是变量。
我想使用jquery将这个类应用于元素，并通过jquery发送所有变量。

---

有什么方法可以做到这一点吗？

这个想法很有趣，但不幸的是不可能直接实现：CSS是即时“编译”的，所以这样的CSS是无效的，不会被识别

相反，您可以使用以下代码：

$("#test").css({ "border-radius": "10px", "-webkit-border-radius": "10px", "-moz-border-radius": "10px" });

---

使用jQuery动态设置CSS属性。

感谢您编辑我的post Shadow向导：）这是一个聪明的想法，但使用标准CSS是不可能的。这是CSS预编译器喜欢少添加静态CSS资源的地方。我不知道有什么基于Javascript的解决方案可以做到这一点（尽管可能有一个jQuery插件）。没问题@David，这是我们的职责之一——向新来者展示。希望代码格式现在已经清楚了吗？：）感谢您的回答，我知道这个方法，但希望只通过类名和参数值与css进行协商。无论如何，谢谢你的帮助。希望将来会有变化：）干杯@David-很难相信会有变化，但您可以为不同的情况设置不同的类，并设置适当的类，例如

$（“#test”）。addClass（“r10”）在原始情况下或
$（“#测试”）.addClass（“r5”）当它为
5px
时：谢谢你的帮助，我会考虑的，我是说解决我问题的最好办法：）
$("#test").css({ "border-radius": "10px", "-webkit-border-radius": "10px", "-moz-border-radius": "10px" });