busco aplicar solamente por CSS puro un fondo de color a una etiqueta especifica <tr>
en la siguiente tabla, se diferencia según el contenido, en este caso, el contenido se debe aplicar únicamente a las <tr>
que están en mayúsculas:
<table>
<thead>
</thead>
<tbody>
<tr>
<th>ALL AVIALABLE METALS</th>
<td></td>
</tr>
<tr class="alt">
<th>Rose Gold</th>
<td>
<p>14Kt, 18Kt</p>
</td>
</tr>
<tr class="">
<th>White Gold</th>
<td>
<p>14Kt, 18Kt</p>
</td>
</tr>
<tr class="alt">
<th>Yellow Gold</th>
<td>
<p>14Kt, 18Kt</p>
</td>
</tr>
<tr class="">
<th>OTHER INFORMATION</th>
<td></td>
</tr>
<tr class="alt">
<th>Finish Type</th>
<td>
<p>Polished</p>
</td>
</tr>
<tr class="">
<th>Width Bottom</th>
<td>
<p>2.1mm</p>
</td>
</tr>
</tbody>
De esta manera es exactamente como se imprime en PHP ya qué es más fácil administrar los estilos desde un tema hijo en una plantilla he optado por la alternativa planteada anteriormente.
El código final debe asignar los siguientes estilos a las <tr>
con mayúsculas:
background-color: #dfe6e9;
font-weight: bold;
¿Es posible ese método? Gracias.
<tr>
con contenidouppercase
. atributo de CSS