应用类/id后缀的global css规则

不确定这是否可行，或者我只是问的问题不对，但我希望对一组具有不同后缀的类应用全局规则

即

.gallery{}

希望这些规则也适用于

.gallery-1、.gallery-2、gallery-3{}

等。。。无需在每次创建新库时将这些实际的特定类添加到我的样式表中

有人知道这是否可能吗

---

非常感谢。

一个简单的替代方法是对html元素应用两个类：

class="gallery gallery-1"

下面是一个非常类似的问题和答案。

使用CSS选择器
例如，您需要以下内容：

[class^='gallery']

---

（获取类名以gallery开头的所有元素）

您可以使用带有属性选择器的通配符来完成这项工作。类似这样的东西应该适用于您的案例：

[class*='gallery-']{
做点什么；
}

有关更多信息，请参见此处：

注意上面链接中的“摘要”部分，它描述了“通配符”符号的不同行为。

您可以使用。可能性包括：

---

• [class |='gallery']

  -匹配其class属性正好是

  gallery

  的所有元素，或开始

  gallery-

• [class^='gallery']

  -匹配class属性以

  gallery开头的所有元素

---

请注意，我不清楚如果元素有多个类会发生什么，因为

class=“some class gallery-1”

感谢Marteljn，问题是我使用的是WP gallery短代码，并且这些类是动态定义的。这些类还具有在我试图覆盖的WP核心样式表中为它们编写的样式属性。因此，即使我给它一个单独的类，我也无法覆盖在WP核心样式表中分配的类。唯一需要注意的是支持旧浏览器。谢谢Dryden，这是moz特有的吗？如果需要，是否需要为webkit/opera/etc添加前缀？@EricBrockman否，它不是特定于浏览器的，并且在所有现代浏览器中都受支持，包括IE7及以上版本。感谢Chowlett，在我的情况下，拥有多个类似乎并不重要。

[class |='gallery']

和

[class^='gallery']

不要选择多个类如果另一个类在另一方面是第一个类，

[class*='gallery']

可能过于繁重