Question

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

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

有任何形式可以使用相同的属性创建具有较少css代码重复的差异ID。

谢谢对不起，我的英文不好

Answer 1

只需使用class

即可

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

甚至你可以像

一样使用它们

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

Answer 2

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

或者，如果您确信类ppy-extcaption未在您的应用程序中的任何其他位置使用，请参考该类：

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

Answer 3

像这样使用：

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

<强>更新

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

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

source

具有相同属性的重复ID

3 个答案: