具有相同屬性的重複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

回答

相關問題