Question

我需要将样式应用于另一个表的第三行中的表，

<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向导，所以我没有子表的ID或类，所以唯一的引用是父表的“ wizard-ux”。我需要通过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%
        }

我不知道它是否有效

将样式应用于放置在另一个表中的特定子表

2 个答案: