Q:

Transformar 3 classes CSS em uma só

Tenho essas 3 classes css, e gostaria de saber se é possivel transformar em uma só, ela seria utilizada em panel grid do Primefaces
.panelGridCenter {
    margin: 0 auto;
}

.gridNoBackground tr{
    background: transparent;
    background-color: transparent;
}

.noBorders tr, .noBorders td {
    border: none !important;
    border-spacing: 0px !important;   
}

Estou em dúvida como fazer que que o panel grid fique alinhado ao centro e retire a cor de fundo e as bordas dele em um único css.
Obrigado

A:

Se sua dúvida for setar um className ao componente panelgrid e à partir disso implementar as instruções CSS para os TR e TD do panel, pode fazer da seguinte forma, setando o classname ao panelgrid:
.meuPanel{
     margin: 0 auto;
 }
.meuPanel tr{
      background: transparent;
    background-color: transparent;   
}
.meuPanel tr td{
     border: none !important;
     border-spacing: 0px !important;    
}

Se voce quer aplicar as tres classes ao mesmo objeto pode fazer separado por espaço:
className="classUm classDois classTres"

