如何仅通过内联样式设置<table>以统一控制<td>样式？

如果只能靠<table>的内联样式批量控制<td>，核心是利用CSS可继承属性——这类属性会从父元素自动传递给子元素，不用给每个<td>单独加样式：

• 对于文本对齐、字体、颜色这类可继承属性，直接在<table>的style里定义即可，所有<td>会自动继承这些样式：

  <table style="text-align:center; font-family:微软雅黑; color:#666;">
    <tr>
      <td>单元格1</td>
      <td>单元格2</td>
    </tr>
    <!-- 哪怕有1000个<td>，都无需单独添加样式 -->
  </table>
  

需要注意：不是所有CSS属性都能继承，比如单元格内边距（padding）、边框（border）、背景色（background）这类属性属于不可继承属性，没法通过<table>的内联样式直接传递给<td>。如果要设置这些样式，要么给每个<td>单独加内联样式，要么使用<style>标签（但你明确禁止使用样式表，所以这类需求无法通过<table>的内联样式实现）。

内容的提问来源于stack exchange，提问作者Dan Jacobson