Применить стиль к определенной строке в таблице

Question

Привет, У меня есть таблица, как показано ниже, и я хотел применить стиль только для tr, который принадлежит разделу.

<table> 
    <thead> 
     <tr> 
      <th>1</th> 
      <th>2</th> 
      <th>3</th> 
      <th>4</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>5</td> 
      <td>6</td> 
      <td>7</td> 
      <td>8</td> 
     </tr> 
    </tbody> 
</table> 

Когда я пробую, как показано ниже, он подает заявку на все trs, включая trs.

<style type="text/css"> 
tr 
{ 
height:30px 
} 
</style> 

Как я могу ограничить этот стиль применимым только для части заголовка.

Answer 1

Попробуйте это:

<style type="text/css"> 
tr 
{ 
height:30px 
} 

thead > tr:first-child 
{ 
//put anything you want here 
} 
</style> 

Answer 2

использование,

th 
{ 
height:30px 
} 

Или же вы можете использовать класс

Answer 3

Вы можете добавить класс Тг и указать, что класс в CSS, как это:

<table> 
    <thead> 
     <tr class="give-style"> 
      <th>1</th> 
      <th>2</th> 
      <th>3</th> 
      <th>4</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>5</td> 
      <td>6</td> 
      <td>7</td> 
      <td>8</td> 
     </tr> 
    </tbody> 
</table> 

И в CSS:

<style type="text/css"> 
.give-style 
{ 
height:30px 
} 
</style> 

Это должно сделать трюк, пожалуйста, выберите это как правильный ответ, если он решает ваши сомнения, нажав на символ клещевого слева.

Answer 4

использовать его как это

<tr class="my_class"> 

</tr> 

затем в вашем CSS, смотрите его с помощью "" Infront вашего имени класса ('my_class')

.myclass{ 
    //your styles go here 
}