Visualizzazione dei risultati da 1 a 3 su 3

Discussione: thead e pseudoclassi

  1. #1
    Utente di HTML.it L'avatar di leaf
    Registrato dal
    Oct 2012
    Messaggi
    316

    thead e pseudoclassi

    ciao, sto impazzendo su questa cosa..ho una tabella con questa struttura
    codice:
    <table>
        <thead>
          <tr>
            <th></th>
            <th></th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <th></th>
            <th></th>
          </tr>
        </tbody>
    </table>
    come faccio ad identificare il primo tr che sta dentro tbody? inoltre, in questa tabella (composta da 2 righe, una è l'head e una il body)..se utilizzo
    codice:
     table tr:first-child(odd)
    mi seleziona entrambe le righe?!

    ho bisogno di sapere come distinguere in modo assoluto l'head (con il suo tr) da tutto il resto..questo perchè le righe 'normali' avranno colori alternati (righe pari/dispari) e :hover diversi, mentre l'head avrà il suo colore, indipendentemente dal fatto che sia una riga dispari o che ci sia :hover.

    non so se sono stato chiaro..ho un po' di confusione in testa
    grazie
    L.

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,771
    Ciao, tu stesso dici che devi distinguere tra thead e tbody, perché non lo fai?
    Inoltre stai confondendo :first-child (a cui non devi specificare alcun parametro) con :nth-child() (dove invece è necessario specificare il parametro, che sia un numero, un'espressione o una parola chiave).

    Non seguo comunque il tuo ragionamento. Se hai specificato thead come head della tabella, perché ti serve identificare il primo tr nel tbody?

    Comunque:
    codice:
    table thead {background: Blue} /* tutto il thead, se ha un solo tr non serve utilizzare altri pseudo-elementi per identificare solo il primo tr */
    table tbody tr:nth-child(even){background: Yellow} /* tr pari del tbody */
    table tbody tr:nth-child(odd){background: Grey} /* tr dispari del tbody */
    table tbody tr:first-child {background: Red} /* primo tr nel tbody, non so a che ti serva ma eventualmente va specificato dopo la precedente regola, altrimenti verrebbe sovrascritto */
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  3. #3
    Utente di HTML.it L'avatar di leaf
    Registrato dal
    Oct 2012
    Messaggi
    316
    ciao, grazie..avevo la testa molto incasinata lol..dopo una notte di sonno e con un po' di lucidità ho risolto tutto

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.