Jquery 样式单一<；a>；匹配分组输入（控制组）

使用j：我有一个控制组，并对它做了一些CSS样式。我创建了另一个控制组，需要与第一个（控制组）匹配的样式。对照组中的元素不同

我需要帮助为两个控制组创建相同的样式

1。第一个对照组

CSS:

HTML:

选择类别

2。第二个对照组

我需要和上面一样的款式

HTML:

---

为两个对照组提供一个公共类，并提供样式

<div data-role="controlgroup" data-type="horizontal" class="ui-controlgroup-controls">


.ui-controlgroup-controls
{
    // Style for control-group with class abc goes here
}

.ui控件组控件
{
//abc类控制组的样式如下所示
}

说明：将示例中的类

ui-btn2

和

ui-btn3

添加到第一个

HTML:

<div data-role="controlgroup" data-type="horizontal">
  <a href="#" data-role="button" class="ui-btn2 ui-btn3">Select Location</a>
  <a href="" id="mailLocationDetails" data-role="button" data-icon="plus" data-iconpos="notext" style="display:none">Add</a>
</div>

在此处指定类名ui controlgroup控件而不是abc。哪一个是您的应用程序中定义的类stylesheet@user3300593我编辑了我的答案，将abc替换为您的类名ui controlgroup controls
。ui controlgroup controls
是一个动态添加到
controlgroup
元素包装器中的类。您不在第一个组中初始化插件吗？看起来是这样。如果是的话，那就在第二个电话上说吧。我不清楚。您能解释一下我需要做什么吗？看起来jQuery mobile添加了一些类来应用某些特定的样式。在您发布的HTML标记中，任何CSS规则都不会以任何元素为目标，因此您的问题确实令人困惑。现在，我不是jQuery移动专家，所以我不确定会发生什么here@A.Wolff关于OP问题中的javascript库，您是对的。我将外部
jquerymobile1.3.0b1
链接到小提琴上，回答这个问题。
<div data-role="controlgroup" data-type="horizontal">
  <a href="#" data-role="button">Select Location</a>
  <a href="" id="mailLocationDetails" data-role="button" data-icon="plus" data-iconpos="notext" style = "display:none">Add</a>
</div>

<div data-role="controlgroup" data-type="horizontal" class="ui-controlgroup-controls">


.ui-controlgroup-controls
{
    // Style for control-group with class abc goes here
}

<div data-role="controlgroup" data-type="horizontal">
  <a href="#" data-role="button" class="ui-btn2 ui-btn3">Select Location</a>
  <a href="" id="mailLocationDetails" data-role="button" data-icon="plus" data-iconpos="notext" style="display:none">Add</a>
</div>

/* width */
.ui-controlgroup-controls a.ui-btn2 {
    left: 15px;
}
/* right radius */
.ui-controlgroup-controls a.ui-btn3 {
    border-right-width: 1px;
    border-bottom-right-radius: 8px;
        border-top-right-radius: 8px;
}