Crosstab Formatting in design studio

Hi All,

I have two crosstabs in my design studio application. I wanted to apply different formatting to both crosstab.

for that,I have written different codes in two different classes in my custom css file. I have written following code for

crosstab_1

.one.sapzencrosstab-ColumnHeaderArea

{

color:cyan; 

text-align:left;

font-weight: italic;

text-decoration:overline;

background-color: cyan;

}

and given class name as 'one' in CSS Class of crosstab_1

and following code for crosstab_2

.two.sapzencrosstab-RowHeaderArea

{

color:brown; 

text-align:center;

/*text-decoration:overline;*/

font-size:12px;

background-color:brown;

}

and given class name as 'two' in CSS Class of crosstab_2

But it is not working and when I remove '.one' and '.two' from my css file,same formatting get applied to both of crosstab.

please help me so that I can apply different formatting to two crosstabs.