css - 将相同的样式应用于具有相同单词的多个 ID

Question

我想知道是否有办法将相同的样式应用于以相同的 workds 开头的 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 {

}