My guess is there is some other more specific rule applying to the element, please see this for more details: http://www.w3.org/TR/REC-CSS2/cascade.html#specificity
In other words, I suspect that a selector definition like the following would be more specific and would win: .anchorlinks.OraLink { /* put styles here */ } Regards, Matt On Wed, Nov 2, 2011 at 4:05 AM, Cédric Durmont <cdurm...@gmail.com> wrote: > Juste a wild guess, but add this to your css : > .OraLink {} > > Sometimes you have to play with !important keyword to have your styles > applied too... > > Regards, > Cedric Durmont > > 2011/10/28 Harshit Bapna <hrba...@gmail.com>: > > Hello All, > > > > I am facing an issue with the css styling of the trnidad components. > > > > I have written a skin file lets deskapp.css which has some component & ui > > pages styling. > > *I wanted a functionality in which an author of the page can choose to > use > > style from the app skin file or override the style by his/her own css > file > > loaded in the page.* > > <tr:commandLink id="cancel" text="#{appstrings.cancelBtnLbl}" > > styleClass="*anchorlinks*" action="#{baseBacking.cancel}" > > onclick="return cancelClicked();"/> > > Author of the page has defined the styleClass "anchorLinks" in the page > but > > it is observed that the Trnidiad rendering module overrides the > anchorlinks > > style with the style defined in the deskapp.css skin file. > > > > On observing the html (also from firebug) the class rendered is > "anchorlinks > > OraLink" > > <a id="cancel" name="cancel" class="*anchorlinks OraLink*" > href=" > > # <view-source: > https://bapha01-ac1.ca.com:8443/JCAP/faces/controller?RID=1#> > > ">Cancel</a> > > > > > > trinidad version: 2.0.0 > > myfaces version: 2.1.0 > > > > *Please guide me how this can be achieved.* > > > > --Harshit > > >