有没有办法处理在CSS中的索引号的类名？

我想在同一时间在CSS中给同一个样式多个表。每个表都有一个类的名称，如“表1”，“表2” ......有没有办法处理在CSS中的索引号的类名？

.table1 th.column-1, 
.table2 th.column-1, 
.table3 th.column-1, 
...

我知道这是很容易处理，如果我可以用相同的ID或类名外的div封装每个表。有没有办法处理它，而无需添加外部div？

非常感谢。

2015-07-13 Peter

我不明白。你为什么不把所有的表放在'.table'类？或任何其他同名的班级。 – TheFrozenOne

而不是使用递增的类名称为您的表，所有您需要做的是分配一个共同的类到他们所有具有独特风格的表可以单独定义。 –

@JLow。谢谢你的评论。这是一个示例，它是关于由应用程序自动生成的表。 – Peter

开始提供对CSS选择器的正则表达式类表标签。

table[class^="table"]

所以你的CSS代码变成：与table启动所有类

table[class^="table"] { 
    /* All the Rules */ 
}

这些被称为属性选择。你可以在CSS Attribute Selectors找到更多关于它们的信息。

2015-07-13 08:52:03

非常感谢。我不知道在CSS中使用正则表达式是可能的。感谢您的有用的链接 – Peter

它不可能把正则表达式，它只有几个... –

尝试*[class^="table"] {color:red;}

2015-07-13 08:46:40

非常感谢，穆罕默德。 – Peter

你可以这样对你的CSS选择器：

table[class^="table"] { 
    //your code 
}

这将检查具有与table

2015-07-13 08:46:41

非常感谢，乔尔。 – Peter

回答