Estoy insertando un borde en un th dentro de tr pero no estoy aplicando el borde. Mi código

<tr class="shipping">
<th>Shipping 2</th>
<td data-title="Shipping 2">
                <p>There are no shipping methods available. Please check your address or contact us if you need any help.</p>

                <p class="woocommerce-shipping-contents"><small>Military Grade Paracord Kit ×1</small></p>      
        </td>

Y css es

tr {
    border-top: 9px solid red;
   }
-1
uixpider 11 ago. 2016 a las 22:19

2 respuestas

La mejor respuesta

Si desea establecer un borde de un elemento tr, debe establecer el border-collapse de la tabla en collapse:

table {
  border-collapse: collapse
}
tr {
    border-top: 9px solid red;
}
<table>
  <tr class="shipping">
    <th>Shipping 2</th>
    <td data-title="Shipping 2">
      <p>There are no shipping methods available. Please check your address or contact us if you need any help.</p>
      <p class="woocommerce-shipping-contents"><small>Military Grade Paracord Kit ×1</small></p>      
    </td>
  </tr>
</table>
0
Dekel 11 ago. 2016 a las 19:26

Puedes probar esto:

tr > th {
    border-top: 9px solid red;
}
0
SRK 11 ago. 2016 a las 19:39