是否可以创建自定义css属性，然后使用jQuery获取值？

1、你能在css中创建自定义属性吗

例如：

var animationDuration = 600;
var animationEasing = 'easeOutQuint';
var tileMargin = 40;
var tileTitleContainerClosedWidth = 320;
var triangleSize = 20;
var triangleAnimationDuration = 600;
var triangleAnimationEasing = 'swing';
var detailsClosedWidth = 300;

HTML

2、使用jQuery是否可以获取值

到目前为止，我尝试过，但没有成功：

var test = $('#defaultOpenTile').css('-myCustomProperty');
alert(test);

我在这里创作了一把小提琴：

我之所以要这样做，是因为我有一个需要转换为响应设计的网站，我目前有一些用Javascript硬编码的变量

例如：

var animationDuration = 600;
var animationEasing = 'easeOutQuint';
var tileMargin = 40;
var tileTitleContainerClosedWidth = 320;
var triangleSize = 20;
var triangleAnimationDuration = 600;
var triangleAnimationEasing = 'swing';
var detailsClosedWidth = 300;

我想做的是将它们放入样式表中，以便使用媒体查询根据视口设置它们。（我希望这是有道理的）

---

谢谢

如果只想在元素中存储自定义数据，则应使用jQuery的.data（）：

---

什么是自定义CSS属性？浏览器通常会忽略他们不理解的CSS。你为什么要这样做？为什么不使用数据属性？@而且我更新了我的问题，让你更好地了解我想要实现的目标。@MichaelBellamy:使用编译成CSS的语言，比如LESS，你可以使用变量。

var animationDuration = 600;
var animationEasing = 'easeOutQuint';
var tileMargin = 40;
var tileTitleContainerClosedWidth = 320;
var triangleSize = 20;
var triangleAnimationDuration = 600;
var triangleAnimationEasing = 'swing';
var detailsClosedWidth = 300;