How to set CSS For specific Element ID's

Hi All,

I have a grid with id set to "cnthdr". I wanted to change the style of the left most corner of the grid i.e the column with serial numbers using CSS instead of using scripting. The id of the 0th column header is "cnthdr.top.item:0/box". If I specify something like this in CSS it doesn't work... I'm using grid version 1.0 in IE 6.0.

#cnthdr.top.item:0/box{margin:0px;padding:0px} /* not working */

Pls. can somebody help. Waiting for you valuable inputs...

That would work in 2.0 but in version 1 you have to do something else, because ':' and '/' symbols are not valid for CSS selectors. You can assign some css class to the top corner template and attach css rules to the combination of the control id and this class.