Jquery 具有相同属性的重复id

我安装大力水手滑块图像。当我必须创建另一个滑块显示时，我将所有css内容复制到另一个id，例如

 #ppy1 .ppy-extcaption {
     width:          240px;
     display:        block;
}
 #ppy4 .ppy-extcaption {
     width:          240px;
      display:        block;
}
#ppy5 .ppy-extcaption {
      width:          240px;
      display:        block;
}

有任何形式可以创建具有相同属性且css代码重复较少的不同id

多谢各位 对不起，我的英语不好

只要上课就行了

甚至你也可以像这样使用它们

#ppy1 .ppy-extcaption, #ppy4 .ppy-extcaption, #ppy5 .ppy-extcaption
{
     width:240px;
     display:block;
}

或者，如果您确信类ppy extcaption没有在应用程序中的任何其他地方使用，只需引用该类：

.ppy-extcaption
{
     width:240px;
     display:block;
}

这样使用：

[id*=ppy] .ppy-extcaption{
     width: 240px;
     display: block;
}

更新

[attr^=value]表示属性名为attr且其值以value作为前缀的元素

[attr*=value]表示属性名为attr的元素，其值至少包含一个作为子字符串的字符串值

---

你可以用逗号，比如：ppy1.ppy-extcaption，ppy2.ppy-extcaption，ppy5.ppy-extcaption谢谢我不能使用类，因为组件使用的是id，这就是为什么我给出了这两种解决方案谢谢，这不是我的应用程序，它适合3个人。谢谢，有了这个，我可以把ppymanolo，ppypeter。。。如果你不介意再解释一点这个例子的话，我去检查一下。这是最好的解决方案，效果很好！！。[id*=ppy]你可以把名字改成ppymanolo，ppy更好。。。。美好的

.ppy-extcaption
{
     width:240px;
     display:block;
}

[id*=ppy] .ppy-extcaption{
     width: 240px;
     display: block;
}