html表格填充的內嵌CSS

我需要在CMS內部設計一個表格，但同時其他一些樣式元素正在工作，但填充不是。我正在嘗試增加單個單元格的填充，但是要避免爲每個單元格添加此填充。可以做到嗎？html表格填充的內嵌CSS

以下是我正在使用的基礎。（邊框樣式似乎不工作，要麼，所以我已經把直接在HTML）

<table border="1" style="width:100%;padding:10px;">

，當我檢查瀏覽器的CSS，沒有跡象表明，從樣式表的元素是相互矛盾或過度 - 這個。

我見過其他的答案，提到使用display：block或border-collapse，雖然填充生效，但它只應用於內部表和邊界之間。

有什麼我不知道或者這只是我們的設計師如何設置網站的一個怪癖？

謝謝！

尋求代碼幫助的問題必須包含在問題本身**中重現**所需的最短代碼。請參閱[**如何創建一個最小，完整和可驗證的示例**]（http://stackoverflow.com/help/mcve） –

很難看出你在這裏弄清楚什麼。我用你建議的代碼創建了一個codepen，它工作正常。

<table border="1" style="width:100%;padding:10px;"><tr><td>test</td></tr></table>

請給在codepen什麼的完整代碼示例，所以我們可以適當幫助。

2015-10-27 12:17:32 Bertjuhh

是的，它的確很簡單，因此我需要仔細檢查與之前可能遇到過類似情況的人一起。 – RoundTheBend

你可以提供應用於你的表的所有檢查元素的CSS嗎？ – Bertjuhh

你可以用父目錄添加CSS來克服不必要的CSS

〔實施例

 table.classname tbody tr td{padding:15px;}

這將適用於所有的細胞不需要寫所有的TD在線。

2015-10-27 12:19:35

回答