我可以在CSS中分组类吗?

JD.*_*JD. 2 css jquery

我发现要在JqueryMobile中启用和禁用按钮,我必须执行以下操作:

 $("#enable-livetv").addClass("livetvclick ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-b");
 $("#disable-livetv").addClass("livetvclick ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-c");
Run Code Online (Sandbox Code Playgroud)

在Css中是否有一种方法可以对可以重用它们的类进行分组,而不是必须在整个地方粘贴代码?

所以我在寻找:

$("#enable-livetv").addClass("enablebuttonstyle");
$("#disable-livetv").addClass("disablebuttonstyle");
Run Code Online (Sandbox Code Playgroud)

min*_*gos 8

这不行吗?

var classes_enable = "livetvclick ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-b";
var classes_disable = "livetvclick ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-c";
$("#enable-livetv").addClass(classes_enable);
$("#disable-livetv").addClass(classes_disable);
Run Code Online (Sandbox Code Playgroud)

[编辑]

根据OP的问题,这里是如何在许多文件中重用已定义的变量.

首先,defines.js/js文件夹中创建一个文件(可以是任何东西,实际上,这只是一个例子).

var classes_enable = "livetvclick ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-b";
var classes_disable = "livetvclick ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-c";
Run Code Online (Sandbox Code Playgroud)

然后,每次需要定义时,就足以将JS文件包含在<head>标记中,如下所示:

<script type="text/javascript" src="js/defines.js"></script>
Run Code Online (Sandbox Code Playgroud)

变量现在应该可以重复使用.