1

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

2
  • 1
    voce gostaria de escrever todo o código em apenas uma classe, ou gostaria de setar no componente panelgrid uma classe e escrever o css para o tr e td à partir desta classname que setou? 30/04/2015 às 14:35
  • @MichelSimões gostaria de aplicar em uma unica classe aqueles três classes entende. 30/04/2015 às 14:36

1 Resposta 1

1

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"
4
  • Não tem como eu criar no arquivo de CSS um única classe não? 30/04/2015 às 14:47
  • coloca todos os atributos dentro da mesma classe e testa. 30/04/2015 às 14:50
  • 1
    Infelizmente não da certo, eu já havia tentado isso mas o que você propõe da certo. 30/04/2015 às 15:06
  • da um joinha na resposta ai entao... 30/04/2015 às 15:57

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .