不确定这是否可行，或者我是否只是没有提出正确的问题，但我希望为一组具有不同后缀的类应用全局规则。
即
.gallery {}希望这些规则也适用于.gallery-1, .gallery-2, gallery-3 {}等...每次制作新图库时都不必将这些实际的特定类添加到我的样式表中。
有人知道这是否可行？
谢谢。答案 0 :(得分：1)
您可以使用带有属性选择器的通配符来实现这一点。这样的事情应该适合你的情况：
[class*='gallery-'] {
do:something;
}
有关详细信息，请参阅此处：https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors
注意＆＃34;摘要＆＃34;在上面的链接部分，它描述了＆＃34;通配符＆＃34;的不同行为。符号。
答案 1 :(得分：1)
您可以使用attribute selectors。可能性包括：
[class|='gallery'] - 匹配其class属性正好为gallery的所有元素，或者开始gallery- [class^='gallery'] - 匹配其class属性以gallery 请注意，如果您的元素包含多个类，我不清楚会发生什么，class="some-class gallery-1"
答案 2 :(得分：0)
一个简单的替代方法是简单地将两个类应用于您的html元素：
class="gallery gallery-1"
这是一个非常相似的问题和答案Is there a CSS selector by class prefix?。
答案 3 :(得分：0)
使用CSS选择器
举个例子，你需要这个：
[class^='gallery']
（获取类名以库开头的所有元素）