Применить стиль к определенной дочерней таблице, помещенной в другую таблицу - PullRequest
Новая
       11

Применить стиль к определенной дочерней таблице, помещенной в другую таблицу

0 голосов
/ 18 сентября 2018

Мне нужно применить стиль к таблице, которая находится в третьей строке другой таблицы, 

<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 У меня нет идентификатора или классадля дочерней таблицы единственная ссылка - «wizard-ux» родительского.Мне нужно установить ширину первого столбца как 90%, а второго столбца как 10% через CSS,

Может кто-нибудь предложить CSS для этого,

заранее спасибо,

Ответы [ 2 ]

0 голосов
/ 18 сентября 2018

Я пытался дать идентификатор этим столбцам 

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

Затем я использую этот CSS 

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

Я не знаю, работает ли он или нет

0 голосов
/ 18 сентября 2018

Попробуйте ниже 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%;

}
...