Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    Conteggio automatico Righe tabelle

    Ciao a tutti ho una classifica di campionato dilettante strutturata in una tabella ed ordinata in automatico con tablesorter.
    ho trovato online un codice per il conteggio automatico delle righe tramite css
    come posso colorare in maniera diversa le righe:
    dalla 1 all 2 verdi
    dalla 3 alla 7 gialla
    dallo 8 alla 14 rosse
    ?
    in pratica vorrei dare una un colore specifico alla numerazione creata dal css seguente

    <style type="text/css">

    #classificaC {
    counter-reset: rowNum;
    }

    #classificaC tbody tr {
    position: relative;
    counter-increment: rowNum;
    }

    #classificaC thead tr:before {
    content: '';
    }

    #classificaC tbody tr:before {
    content: counter(rowNum);
    left: -2em;


    }


    </style>

  2. #2
    Devi utilizzare i selettori di css basati sul numero degli elementi, tipo nth-child:

    https://developer.mozilla.org/en-US/...CSS/:nth-child

    Qualcosa del tipo:

    #classificaC tbody tr:nth-child(14n+1):before, #classificaC tbody tr:nth-child(14n+2):before {color:green}

    E così via...
    "Le uniche cose che sbagli sono quelle che non provi a fare."
    Atipica

  3. #3
    Grazie mille
    ho risolto ^_^

  4. #4
    Non c'è di che!
    "Le uniche cose che sbagli sono quelle che non provi a fare."
    Atipica

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.