将样式应用到特定的 child table 放置在另一个 table

Question

我需要对位于另一个 table、

的第三行的 table 应用样式

<html>

  <head>
    <title>HTML Table</title>
  </head>

  <body>
    <table class="wizard-ux">
      <tbody>
        <tr>
          <table>
            <tr>
              <td>test Table 2</td>
              <td>test Table 2</td>
            </tr>
          </table>
        </tr>
        <tr>
          <table>
            <tr>
              <td>test Table 2</td>
              <td>test Table 2</td>
            </tr>
          </table>
        </tr>
        <tr>
          <td>
            <table>
              <tr>
                <td>Save (Width has to be 90%)</td>
                <td>Cancel (Width has to be 10%)</td>
              </tr>
            </table>
          </td>
        </tr>
</tbody>
    </table>
  </body>

</html>

因为这是 asp.net 向导，我没有 child table 的 id 或 class，唯一的参考是 "wizard-ux" parent。我需要通过 CSS,

将第一列的宽度设置为 90%，将第二列的宽度设置为 10%

有人可以为此建议 CSS，

提前致谢，

Answer 1

尝试以下 CSS

.wizard-ux tr:last-of-type table td:first-of-type
{
    width:90%;

}
.wizard-ux tr:last-of-type table td:last-of-type 
{
    width:10%;

}

Answer 2

我试过为这些列提供 id

<td id="wid90">Save</td>
<td id="win10">Cancel</td>

然后我用这个css

#wid90 {
            width: 90%
        }
#wid10 {
            width: 10%
        }

不知道能不能用

将样式应用到特定的 child table 放置在另一个 table

Apply style to specific child table placed in another table

html

css

asp.net

wizard