將相同樣式應用於具有相同單詞的多個ID

Question

我想知道是否有辦法將相同樣式應用於以相同作業開始的ID。

例如，我有＃youtube_gallery_item_1，＃youtube_gallery_item_2，....並且數字不斷增加，因此每次添加新項目時都無法添加新ID。僅供參考，我正在使用Wordpress和YouTube SiimpleGallery插件。

我很感謝您的幫助！

Answer 1

CSS3中的「開頭」選擇器。

div[id^=youtube_gallery_item] { 

} 

請注意，這不適用於IE8及以下版本。

什麼是一個更好的主意將是分配所有的#youtube_gallery_items一個類，然後指定該類的樣式。我相信你使用的插件是這樣做的。看看源代碼，如果你發現它們都具有相同的類，使用方法：

.name-of-the-class { 

} 

Answer 2

您可以使用attribute selector：

[id^="youtube_gallery_item"] { 
    color: skyblue; 
} 

http://jsfiddle.net/p9Ya8/

Answer 3

我建議增加一個類

.youtube_gallery_item { 
    background: ; 
    width: ; 
    ... 
} 

它與所有瀏覽器兼容，是最簡單的方式來解決。

<div id="youtube_gallery_item_1" class="youtube_gallery_item"></div> 
<div id="youtube_gallery_item_2" class="youtube_gallery_item"></div> 
<div id="youtube_gallery_item_3" class="youtube_gallery_item"></div>