有沒有辦法處理在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

回答