Turn 3 CSS classes into one

Question

Turn 3 CSS classes into one

Navigation

#1 by (1 votes)

1

I have these 3 classes css , and would like to know if it is possible to transform into one, it would be used in panel grid of Primefaces

.panelGridCenter {
    margin: 0 auto;
}

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

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

I'm in doubt how to make panel grid aligned to the center and remove the background color and its borders in a single css .

Thank you

css css3 primefaces

asked by anonymous 30.04.2015 / 15:44

1 answer

Load rows into listview from an OpenDialog Generating graphs with hightchart, PHP, MYSQL and Angular JS

score 1 · Accepted Answer

If your question is to set a className to the panelgrid component and then implement the CSS instructions for the TR and TD of the panel, you can do this by setting the classname to the gridgrid: / p>

.meuPanel{
     margin: 0 auto;
 }
.meuPanel tr{
      background: transparent;
    background-color: transparent;   
}
.meuPanel tr td{
     border: none !important;
     border-spacing: 0px !important;    
}

If you want to apply the three classes to the same object you can do it separated by space:

className="classUm classDois classTres"