具有相同属性的重复ID

我将popeye安装到滑块图像。当我必须创建另一个滑块节目我复制所有的CSS内容到另一个ID例如该具有相同属性的重复ID

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

有任何形式的创建与较少的CSS代码重复相同的属性diferents ID。

谢谢对不起我的英文不好

来源

2014-02-17 virtualsets

您可以使用逗号，如：＃ppy1 .ppy-extcaption，＃ppy2 .ppy-extcaption，＃ppy5 .ppy-extcaption – Pavlo

使用这样的：

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

更新

[ATTR^=值]表示属性名的元素的attr，其值以“value”为前缀。

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

source

来源

2014-02-17 12:21:32

谢谢你，用这个我可以把ppymanolo，ppypeter ...我去检查这 – virtualsets

如果你不介意多解释一下这个例子。 – virtualsets

这是最好的解决方案，效果不错！ [编号* = ppy]，你可以把名称ppymanolo，ppy更好....很好 – virtualsets

只需使用class

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

甚至你可以用它们像

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

来源

2014-02-17 12:19:21 Gautam3164

谢谢你，我不能带班，因为组件的工作与编号http://dev.herr-schuessler.de/jquery/popeye/ – virtualsets

这就是为什么我已经给出了解决方案 – Gautam3164

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

或者如果你有信心类ppy-extcaption没有在您的应用程序的其他地方使用阳离子，只是引用类：

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

来源

2014-02-17 12:19:45 Curt

谢谢你不是我的应用程序它是3人。 – virtualsets

具有相同属性的重复ID

回答

相关问题