如何使用CSS覆盖Word创建的HTML文件中的表格样式

我正在学习HTML，JavaScript和CSS，以在一个项目上工作，该项目用于修改从Word“另存为”功能创建的HTML文档。我希望能够使用Word将文档另存为“已过滤的网页”。我正在努力的最终目标是能够使用CSS标准化最初在Microsoft Word中创建的HTML文档。

未来的注意事项：最终，我希望能够使用JavaScript（似乎是目前最好的选择），以便能够根据表中的列数应用不同的格式。我还将影响表格的缩进（我认为这可以通过表格的边距来完成。我还希望能够在正文的开头添加一些标签，以插入用于诸如菜单，固定标题之类的东西，可能还包括一些功能。

我还有很长的路要走，但是要朝着最终结果迈出一步。

下面是Word仅为表创建的HTML代码。我对其进行了少量修改，因为我计划使用外部CSS文件，并且正在研究删除标头样式的过程。

<table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 
   style='border-collapse:collapse'>
   <tr>
      <td width=67 valign=top style='width:.7in;border:solid 
         windowtext 
         1.0pt; padding:0in 5.4pt 0in 5.4pt'>
      <p class=MsoNormal style='margin-bottom:0in;margin- 
         bottom:.0001pt;line-height: normal'><span style='font- 
         size:12.0pt;font-family:"Times New Roman","serif"'>1</span> 
       </p>
      </td>
      <td width=96 valign=top style='width:1.0in;border:solid 
         windowtext 
         1.0pt; border-left:none;padding:0in 5.4pt 0in 5.4pt'>
      <p class=MsoNormal style='margin-bottom:0in;margin- 
         bottom:.0001pt;line-height: normal'><span style='font- 
         size:12.0pt;font-family:"Times New Roman","serif"'>Name
         1</span></p>
      </td>
      <td width=96 valign=top style='width:1.0in;border:solid 
          windowtext 
          1.0pt; border-left:none;padding:0in 5.4pt 0in 5.4pt'>
       <p class=MsoNormal style='margin-bottom:0in;margin 
          bottom:.0001pt;line-height: normal'><span style='font- 
          size:12.0pt;font-family:"Times New Roman","serif"'>Name
          2</span></p>
       </td>
       <td width=96 valign=top style='width:1.0in;border:solid 
           windowtext 1.0pt; border-left:none;padding:0in 5.4pt 0in 
           5.4pt'>
        <p class=MsoNormal style='margin-bottom:0in;margin- 
           bottom:.0001pt;line-height: normal'><span style='font- 
           size:12.0pt;font-family:"Times New Roman","serif"'>This is 
           some text</span></p>
        </td>
    </tr>
    <tr>
        <td width=96 valign=top style='width:1.0in;border:solid 
            windowtext 1.0pt; border-top:none;padding:0in 5.4pt 0in 
            5.4pt'>
        <p class=MsoNormal style='margin-bottom:0in;margin- 
           bottom:.0001pt;line-height: normal'><span style='font- 
           size:12.0pt;font-family:"Times New Roman","serif"'>&nbsp; 
           </span></p>
        </td>
        <td width=96 valign=top style='width:1.0in;border 
            top:none;border-left:none;
            border-bottom:solid windowtext 1.0pt;border-right:solid 
            windowtext 1.0pt; padding:0in 5.4pt 0in 5.4pt'>
        <p class=MsoNormal style='margin-bottom:0in;margin- 
           bottom:.0001pt;line-height: normal'><span style='font- 
           size:12.0pt;font-family:"Times New Roman","serif"'>&nbsp; 
           </span></p>
        </td>
        <td width=96 valign=top style='width:1.0in;border- 
            top:none;border-left:none;
            border-bottom:solid windowtext 1.0pt;border-right:solid 
            windowtext 1.0pt; padding:0in 5.4pt 0in 5.4pt'>
        <p class=MsoNormal style='margin-bottom:0in;margin- 
           bottom:.0001pt;line-height:
           normal'><span style='font-size:12.0pt;font-family:"Times 
           New Roman","serif"'>&nbsp;</span></p>
        </td>
        <td width=96 valign=top style='width:1.0in;border- 
            top:none;border-left:none;
            border-bottom:solid windowtext 1.0pt;border-right:solid 
            windowtext 1.0pt;
            padding:0in 5.4pt 0in 5.4pt'>
        <p class=MsoNormal style='margin-bottom:0in;margin 
           bottom:.0001pt;line-height:
           normal'><span style='font-size:12.0pt;font-family:"Times 
           New Roman","serif"'>&nbsp;</span></p>
        </td>
  </tr>
</table>

以下是我尝试过的CSS代码。以下是最新版本，但我在其他帖子中看到！important应该让我覆盖内联样式。在此示例中，我同时进行了宽度和样式的修改，因为来自Word的HTML同时具有宽度和样式，但是我只尝试了一种。

body {
    font-family: "Arial";
}

table {
    width=100% !important;
}
td[style]:nth-child(1) {
    width=5% !important;
    style='width:5%;border:solid windowtext 1.0pt; border- 
               top:none;padding:0in 5.4pt 0in 5.4pt' !important>
}
td[style]:nth-child(2) {
    width=10% !important;
    style='width:10%;border:solid windowtext 1.0pt; border- 
               top:none;padding:0in 5.4pt 0in 5.4pt' !important>
}
td[style]:nth-child(3) {
    width=10% !important;
    style='width:10%;border:solid windowtext 1.0pt; border- 
               top:none;padding:0in 5.4pt 0in 5.4pt' !important>
}
td[style]:nth-child(4) {
    width=75% !important;
    style='width:79%;border:solid windowtext 1.0pt; border-            
               top:none;padding:0in 5.4pt 0in 5.4pt' !important>
}

我期望页面的输出中所有表都是网页的特定百分比，并且还定义了列的百分比。例如，表格将为100％，第1列将为5％，第1列将为10％，第1列将为10％，第4列将为75％，