css - 将样式应用于具有不同数字的 CSS 类

Question

我不知道如何将样式应用于名称为 .field-img-gallery-0、.field-img-gallery-1、.field-img-gallery-2... 等的多个类，当然我可以写50次，但这只是愚蠢的。我可以以某种方式将样式应用于所有这些类吗？

Answer 1

最简洁的方法是substring在 class 属性上使用选择器，尽管这不适用于某些较旧的浏览器：

[class^="field-img-gallery-"] { /* CSS formatting code **/ }

aboce 片段将 css 格式应用于所有具有以field-img-gallery-

Answer 2

如果您为字段声明一个通用类并为该特定类定义样式，浏览器渲染 CSS 会更快：

.field-img-gallery .field-img-gallery-0,

.field-img-gallery .field-img-gallery-1,

.field-img-gallery .field-img-gallery-2...