Sfondo ultima riga di una colonna.

[lgiulio]

Salve a tutti.

ho una tabella con lo sfondo alternato.

Vorrei eliminare lo sfondo all'ultima riga e lasciare solo il bordo.
Non riesco.
Qualcuno può aiutarmi?


image001.png

image002.png

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
  background: rgb(255, 253, 219);
}

<table class="table table-sm table-striped">
  <thead>
  <tr>
    <th>
      AAAAAAAAAAAAAAA
    </th>
  </tr>
  </thead>
 
  <tbody>
  <tr>
    <td>
      xxxxxxxxxxxxxx
    </td>
  </tr>
  <tr>
    <td>
      yyyyyyyyyyyyyy
    </td>
  </tr>
 
    <tr style="background-color: white;">
      <td> </td>
    </tr>
  </tbody>
</table>

[KillerWorm]

Ciao, come puoi notare da quella regola, il background è stato applicato agli elementi td e th, mentre tu lo hai applicato al tr (che li contiene).

Puoi quindi applicare lo style sul tag, come hai fatto, ma sul td, non sul tr. Oppure puoi aggiungere, dopo quella già definita, una nuova regola del tipo:

table-striped>tbody>tr:last-child>td {  background: white;
}

.
O, ancora, ridefinire quella stessa regola escludendo l'ultima riga con un not(), in questo modo:

table-striped>tbody>tr:nth-child(odd):not(:last-child)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
background: rgb(255, 253, 219);
}

Prova e fai sapere.

[lgiulio]

grazie mille.

ho provato il codice

table-striped>tbody>tr:nth-child(odd):not(:last-child)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
background: rgb(255, 253, 219);
}

Funziona!!

[KillerWorm]

Bene
Buon proseguimento.