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

Question

我想在CSS中同时为多个表提供相同的样式。每个表都有一个类名，例如“table1”，“table2”......

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

我知道如果我可以使用具有相同ID或类名的外部div来封闭每个表，则很容易处理它。有没有办法处理它而不添加外部div？

非常感谢。

Answer 1

您可以对css选择器执行此操作：

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

这将检查具有以table

开头的类的表标记

Answer 2

为CSS选择器提供正则表达式。所有以table开头的课程：

table[class^="table"]

所以你的CSS代码变成了：

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

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

Answer 3

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