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

时间:2013-08-17 08:02:54

标签: css css3 css-selectors

我不知道如何将样式应用于具有名称的多个类 点域-IMG画廊-0, 点域-IMG画廊-1, .field-img-gallery-2 ......等 当然我可以写50次,但这只是愚蠢的。我可以以某种方式将风格应用于所有这些类吗?

2 个答案:

答案 0 :(得分:5)

最简洁的方法是使用class属性上的substring选择器,尽管这对某些旧版浏览器不起作用:

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

aboce片段将css格式应用于所有具有以field-img-gallery-开头的类的元素

答案 1 :(得分:0)

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

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

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

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