Buon giorno,
sto cercando di modificare lo stile di una mia tabella però riscontro problemi nel momento in cui cerco di modificare specifiche righe o celle

codice:
HTML:
<table id="events" border=1 cellspacing=0 cellpadding=0>


       <thead>
        <tr>
         <th>Data</th> <th>Ora</th> <th>Utente</th> <th>Ruolo</th>
        </tr>
       </thead>
        
        <tr class='events'>
         <td class='mansione'>{$array[2][$i]}</td>
         <td>{$array[3][$i]}</td>
        </tr>

</table>

CSS:
#events //funzionante
{
    background: #fff;
    border-collapse: collapse;
    font-family: "Arial", "Verdana", Sans-Serif;
    font-size: 14px;
    width: 500px;
    text-align: center;
}


#events td.mansione{ //non funzionante
    padding-left: 10px;
    text-align: left;
    background: #c0c0c0;
}


#events tr{ //non funzionante
        height:20px;
}
*I commenti sono stati inseriti per chiarire la situazione, non sono presenti nel codice originale.