Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2014
    Messaggi
    9

    righe alternate solo su una tabella

    Salve, sono nuovo e non sono esperto dei CSS. Ho già cercato sul forum ma non riesco a trovare una soluzione al mio problema che vi espongo.
    Ho in una pagina Asp una tabella contenente delle righe che vorrei si potessero visualizzare con colori alternati. Cercando in rete sono finito qui su html.it ed ho visto che è possibile realizzarlo tramite css 3 con il codice:

    codice:
    table tr:nth-child(odd) { background: white; }
    table tr:nth-child(even) { background: yellow; }
    Il problema è che in questo modo mi crea righe alternate su tutte le tabelle presenti e non riesco ad impostare quel codice solamente per la tabella che a me interessa.. è possibile risolvere?

    Grazie anticipatamente

  2. #2
    Moderatore di PHP L'avatar di Alhazred
    Registrato dal
    Oct 2003
    Messaggi
    12,508
    Da un id alla tabella a cui vuoi applicare queste regole e poi indica l'id come selerrore, per esempio

    <table id="da_evidenziare" ... >

    e nel CSS

    #da_evidenziare table ....

  3. #3
    Utente di HTML.it
    Registrato dal
    Nov 2014
    Messaggi
    9
    Quote Originariamente inviata da Alhazred Visualizza il messaggio
    Da un id alla tabella a cui vuoi applicare queste regole e poi indica l'id come selerrore, per esempio

    <table id="da_evidenziare" ... >

    e nel CSS

    #da_evidenziare table ....
    Grazie mille!!
    grazie al to consiglio ho risolto così

    codice:
    <style>
     TABLE#da_daevidenziare tr:nth-child(odd) { background: white; }
     TABLE#da_daevidenziare tr:nth-child(even) { background: yellow; }
     </style>
    
    <table width="100%" border="0" cellpadding="0" cellspacing="0" id="da_daevidenziare">
    
    
    .....
    Grazie ancora

Tag per questa discussione

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.