表格中所有單元格的CSS樣式

我想將樣式應用於給定表格內的所有單元格（td元素），而不是任何其他表格。有沒有辦法在CSS中做到這一點，而不必爲我想要應用樣式的表中的每個td指定一個類？表格中所有單元格的CSS樣式

例如，假設我想讓特定表中的所有單元格在所有四個邊上都有3px的填充。要做到這一點的每一個TD我可以聲明：

td { padding: 3px 3px 3px 3px; }

問題：這適用於頁面上的每一個單一的TD。我只想將這個單一的命名錶應用到給定類的所有表中。

任何想法？

來源

2013-07-11 Mark Micallef

#someTable td { padding: 3px 3px 3px 3px; }

這將適用於你的風格，只有一個特定的表

.someTable td { padding: 3px 3px 3px 3px; }

這將更改應用於與給定類

來源

2013-07-11 02:35:57 TGH

感謝TGH，這個解決方案完美的工作！ –

添加類或ID表，你希望所有的表以目標爲例

.yourTableClass td{Your Style here}

來源

2013-07-11 02:37:18

我試過這個，但不能讓它工作。這是我的測試代碼： ' <風格類型= 「文本/ CSS」> \t TD {字體重量：粗體; } \t .test td {color：red; } \t <表ID = 「測試」> \t \t \t \t \t你好 \t \t \t世界 \t \t \t ' 如果按照我的理解，它的單元格文本應該是紅色的。您正在使用「 –

」。測試「爲Id你需要使用」#test「這裏是工作演示http://jsfiddle.net/TAnPx/ –

好吧，我明白了，你原來的答案使用了一個類，現在我明白了，非常感謝！ –

正如其他人回答說的，擁有TD元素的樣式聲明爲後代選擇（瞭解更多here）或孩子選擇（瞭解更多here）屬於父母選擇，而不是宣稱他們沒有層次會解決你的問題。

我想補充一點的是，後代和子選擇在下面的評論中提到以下有輕微的差異操作：

.my_table_class td { padding: 3px; } // will apply to all td elements underneath 
            // .my-table-class (also to tables nested 
            // below) 


.my_table_class > td { padding: 3px; } // will apply to td elements immediately 
             // under .my-table-class

來源

2013-07-11 03:07:57 rgoraya

謝謝。我沒有意識到>符號。 –

用這個。 td.tbl_class {你的風格;}

來源

2013-07-11 03:33:41

表格中所有單元格的CSS樣式

回答

相關問題